Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/01/2008, 05:29
josimapi
 
Fecha de Ingreso: enero-2008
Mensajes: 16
Antigüedad: 16 años, 3 meses
Puntos: 0
Problema con IE7: tamaño objectos

Hola a todos!!

Tengo un problema, necesito hacer con CSS objectos de tamaño muy pequeño, porque mi página web lo requiere, y he encontrado un problema de mal funcionamiento de IE7. El problema es que por alguna misteriosa razón IE7 no pinta objectos creados desde CSS cuya altura sea menor de 12px. Curiosamente la anchura parece respetarla. Si abrís el siguiente código html con Firefox2 veréis la diferencia.

Código:
<html>
<head>
<style type="text/css">
	<!--
	.color {
	    background-color: yellow; width: 8px; height: 8px; display: block;
	}

	.color:hover {
	    background-color: red; 
	}

	.contenedor {
   	 background-color: #313031; width: 8px; height: 8px; margin: 0 1px; float: left; 
	}
	-->
</style>
</head>
<body>

<div class="contenedor">
	<a class="color" href="#"></a>
</div>

<div class="contenedor">
	<a class="color" href="#"></a>
</div>

</body>
</html>
Muchas gracias por todo!