Problema raro (DIVS) solo con IE6 y IE8

[renzo68]

Hola tengo un problema q me sucede solo con IE6 y IE8, apesar de que mi pagina esta validada tiene este problema. Para ir al problema en si, les dejo un script que si lo corren en firefox o IE7 normal, el problema se ve en IE6 y el IE8

Código HTML:

<div style="margin:0px; width:535px; height:8px; max-height:8px; min-height:8px">
            <div style="float:left; width:8px; height:8px; background:url(image/esquina_si.png) no-repeat;margin:0px"></div>
            <div style="float:left; background:#9AA7C5; width:519px; height:8px; max-height:8px; min-height:8px; margin:0px"></div>
            <div style="float:right; width:8px; height:8px; background:url(image/esquina_sd.png) no-repeat;margin:0px"></div>
            <div style="clear:both"></div>
            <div style="background:#096; margin:0px;">hola<div>
            </div> 

Como ven para poder solucionar ese problema tengo que poner un hack al ultimo div agregando en sus estilos *position: relative; *top:-11px solo para IE6 y IE8.

Entiendo que con IE esto sea algo cotidiano para poder llegar a un similitud entre los navegadores. Pero me preocupa que en IE8 tambien pase esto (Supuestamente no esta basado en Standares?). Y bueno en algunas partes no me es muy conveniente arreglarlo de este modo. Agradesco mucho la ayuda brindada y por su tiempo.