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.