Hola, tengo algo muy simple:
Código:
<a href="http://.../" class="banners"><img src="1.jpg" alt="" width="150" height="50" border="0" /></a>
<a href="http://.../" class="banners"><img src="2.jpg" alt="" width="150" height="50" border="0" /></a>
.banners {
display: block;
width: 154px;
padding-top: 2px;
padding-bottom: 2px;
background-color: #E1E1E1;
text-align: center;
margin-bottom: 5px;
/* EL BORDE LO PUSE PARA VER SI ERA UN PROBLEMA CON LOS MARGENES QUE COLAPSAN */
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000000;
}
.banners:hover {
background-color: #FCA000;
}
Lo pueden ver aquí:
http://personal.alzuwaga.com.ar/ (son los banners de la derecha)
Si se fijan con IE, este tiene un comportamiento extraño... como que se mueven las imágenes.
¿Cuál es el problema? ¿Y la solución? :)
Gracias