У меня проблема с переполнением отрицательно абсолютных позиционных элементов.
На рисунке ниже показано, чего я пытаюсь достичь.Основным объектом является div, который является position: относительным.Две выступающие стрелки - это div, которые являются позициями: абсолютными с отрицательными значениями, так что они находятся за пределами родительского периметра.
Это прекрасно работает во всех браузерах, кроме IE7 и IE8, которые полностью отключают вкладки, как если быродительский объект имел переполнение стиля: скрытый.
HTML:
<div id='parent'>
<div id='arrowLeft'></div>
<div id='arrowRight'></div>
</div>
CSS:
#parent{
position:relative;
width:600px;
height:400px;
}
#arrowLeft{
width:40px;
height:50px;
position:absolute; left:-40px; top:50%;
margin-top:-25px;
}
#arrowRight{
width:40px;
height:50px;
position:absolute; right:-40px; top:50%;
margin-top:-25px;
}
Это сводит меня с ума.Кто-нибудь знает исправление или причину такого поведения?
Спасибо всем, ценим ваше время!
W.
