CSS: posicionamiento absoluto en diferentes navegadores

Question

¿Por qué es esto obtener diferentes posiciones en diferentes navegadores?

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

En IE se va a la izquierda como 100px en comparación con Firefox, y en Chrome va como 100px a la derecha en relación a FF ... ¿Por qué?

Editar: El HTML es sólo <div id="container"><div id="the_css_above_div"></div></div>

#container tiene la siguiente CSS:

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

Gracias!

Answer 1

Tengo que trabajar ... El div principal debe tener position:relative en su declaración de CSS. Si alguien se encuentra con este problema, compruebe el DIV padre :)

Answer 2

Su div padre tiene que tener position:relative;. De lo contrario, su position:absolute; se posicionará desde todas las páginas. Si el padre div tiene posicionamiento relativo div absoluto posiciones en sí mismo basado en su padre.