CSS: абсолютное позиционирование в разных браузерах

Почему это получает разные позиции в разных браузерах?

{
    position: absolute;
    left:332px;
    top: 210px;
    width: 293px;
    height: 215px;
    border: 1px solid #000000;
    background-color: #143f72;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}

в IE он идет влево, как 100px по сравнению с Firefox, а в Chrome он идет как 100px вправо относительно FF... Почему?

Edit: html просто <div id="container"><div id="the_css_above_div"></div></div>

#container имеет следующий css:

#container{
    float:left;
    width: 632px;
}

спасибо!

2 ответов


заставил его работать... Родительский div должен иметь position:relative в объявлении CSS. Если кто-то сталкивается с этой проблемой, проверьте свой родительский див :)


ваш родительский div должен иметь position:relative;. В противном случае ваш position:absolute; будет позиция со всей страницы. Если родительский div имеет относительное позиционирование, абсолютное div позиционирует себя на основе своего родителя.