ОБНОВЛЕННЫЙ КОНТЕКСТ ОБЕСПЕЧЕНИЯ МАКЕТА
У меня относительно простая структура моей страницы. Страница состоит из двух абсолютно позиционированных блоков div. Одно сосредоточено внутри другого.
<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, который должен быть центрирован, находится на одном уровне с левой стороной. Есть идеи?