Как центрировать абсолютно позиционированный div в IE7?

ОБНОВЛЕННЫЙ КОНТЕКСТ ОБЕСПЕЧЕНИЯ МАКЕТА

У меня относительно простая структура моей страницы. Страница состоит из двух абсолютно позиционированных блоков div. Одно сосредоточено внутри другого. enter image description here

<div id="protocol_index_body_wrapper">
    <div id="protocol_index_body">
    </div>
</div>

Который имеет соответствующий CSS:

#protocol_index_body_wrapper {
    background: url("/images/stripe.png") repeat scroll 0 0 transparent;
    position: absolute;
    top: 120px;
    left: 0px;
    right: 0px;
    bottom: 10px;
}
#protocol_index_body {
    width: 960px;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}

Ожидаемое поведение показано на изображении выше. Такое поведение присутствует в IE8, Firefox и Chrome. Однако в IE7 div, который должен быть центрирован, находится на одном уровне с левой стороной. Есть идеи?

5
задан Jonathan Baran 21 November 2011 в 22:16
поделиться