Explorer bug?

[stock]

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

[emiliodeg]

yo creo q es por el q tenes en div.mooWindowShadowWrapper {margin-top:10px;}

deberias cargar una hoja especial para ie6 corrigiendo estos errores es la solucion mas practic y rapida

[stock]

pues de hecho ese es el plan, pero necesito saber como solucionar este pequeño detalle que esta deteniendo mi desarrollo :(

por cierto, ya he intentado quitarle el margin-top y aun asi no jala, sigue haciendo lo mismo!!

alguna otra sugerencia?

[webosiris]

este tipo de cosas pasan cuando no se respeta la semántica... si queres hacer unos bordes de 6px, usa border-top y border-bottom y vas a ver que la probabilidad de que ta salten bugs es mucho menor...

La regla de oro para evitar bugs... KISS!

PD: ie6 interpreta a height como si fuera en realidad min-height.. así que lo estira hasta que ocupe todo el contenido. Supongo que lo podes solucionar usando este script, pero la verdad que lo mejor es KISS

[stock]

HOla webosiris, gracias por responder, mira, lo que me comentas acerca de la semantaca, te explico, lo que sucede, es que ese ejemplo que estoy mostrando es donde he encontrado el error, en realidad eso no pretendo hacer unos bordes de color rojo, lo que intento hacer es esto:

http://crysfel.com/common/ejemplos/cssbug/ejemplo.html (ver en Firefox)

Pero al hacerlo funcionar en IE6, todo se me viene abajo, en fin, checaré eso que me comentas del min-height.

PD: alguna otra idea es bienvenida