@IsaBelM
Aquí te dejo un ejemplo de un screenshot de un layout que maqueté no hace mucho.
Es IE8 (también he hecho la prueba en Vista de Compatibilidad y se ve exactamente igual) y la imagen de ese mismo screen es cross-browser.
http://i54.tinypic.com/jacqcw.png
El código es tan simple como el efecto que queremos:
Código CSS:
Ver original.top{height: 17px; background-color:#5c5c5c;}
En mi ejemplo, el html sería:
El id "subwrapper" no tiene ninguna propiedad, por lo que el class "top" no está heredando nada.
@andoniroy
El top y left en 0px tal y como has puesto en tu primer código no debería estar, ya que previamente deberías haber hecho un css reset, por lo que no sería necesario.