pues resulta que en explorer 6 no esta respetando el height que le estoy asignando, en firefox e IE7 si funciona pero en IE6 simplemente no me funciona.
este es el escenario, el html es este:
Código HTML:
<div id="win61" class="mooWindow" style="width: 500px; height: 300px; top: 102px; left: 100px;
z-index: 2;">
<div id="win61_wrapper" class="mooWindowWrapper">
<div class="mooWindowShadowWrapper">
<div class="mooWindowShadowUp">
</div>
<div style="height:200px;background-color:#0F0">
</div>
<div class="mooWindowShadowDown">
</div>
</div>
</div>
</div>
y el css es este:
Código:
div.mooWindow{
position:absolute;
background-color:#ddd;
}
div.mooWindowWrapper {
width:100%;
height:100%;
overflow:hidden;
}
/*******************************[Shadow]*********************************/
div.mooWindowShadowWrapper{
width:100%;
height:100%;
margin-top:10px;
}
div.mooWindowShadowUp, div.mooWindowShadowDown{
height:6px; /*No esta haciendo caso a esta linea*/
background-color:#F00;
}
aqui un ejemplo online
http://crysfel.com/common/ejemplos/cssbug/ie.html
si lo ven en firefox o ie7 veran las lineas rojas pequeñas(6px), en cambio si lo ven en ie6 estas lineas rojas estan muy grandes como 12 pixeles o mas!
alguien sabe por que??
gracias de ante mano!
have funnnnnnnnnnnnnnnn