CSS: absolute positioning in different browsers

Question

Why is this getting different positions on different browsers?

{
    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;
}

In IE it goes to the left like 100px compared to Firefox, and in Chrome it goes like 100px to the right relative to FF... Why?

Edit: The html is just <div id="container"><div id="the_css_above_div"></div></div>

#container has the following css:

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

Thanks!

Answer 1

Got it to work... The parent div needs to have position:relative in it's CSS declaration. If anyone comes across this problem check your parent div :)