контейнер продвижения поля содержания отделения

Я сталкиваюсь с проблемой, это действительно экранирует меня.

У меня есть контейнер, что я хочу применить предпосылки к положению он на верхнем правом из экрана браузера. У отделения внутри есть верхнее поле 4em, и это продвигает контейнерное отделение.

CSS:

#container {
background: transparent url("../images/house-bg.png") top right no-repeat scroll;
}

#wrapper {
    background: #FFF;
    width: 960px;
    height: 600px;
    margin: 4em auto 0;
    border: 10px solid #C3CF21;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: 0 0 25px #444;
    -webkit-box-shadow: 0 0 25px #444;
    box-shadow: 0 0 25px #444;
}

HTML:

<div id="container">
        <div id="wrapper">
            <div id="header">

            </div>
            <div id="main">

            </div>
        </div>
        <div id="footer">
            &copy; Copyright <?php echo date("Y");?> Company, Inc.
        </div>
    </div>

Я хочу, чтобы поле обертки было в контейнерном отделении вместо внешней стороны.

Я попробовал несколько свойств дисплея и свойств положения напрасно. Единственная вещь, которая фиксирует его, вставляет" "перед запуском #wrapper, но там получен, чтобы быть CSS, прикрепляют к этому.