imagen en el interior de un div (problema con ie)

[karlic0s]

Tengo un div y dentro de un div una imagen, para explicar mi caso lo hare con capturas de pantalla y pondré luego el código.

Código HTML:

div.espq6{
height: 29px;
width: 129px;
float: left;
border-left-style:solid;
border-left-width:1px;
border-left-color:#000000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#000000;
}
div.espq7{
height: 29px;
width: 109px;
float: left;
border-left-style:solid;
border-left-width:1px;
border-left-color:#000000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#000000;
}


...
<div class=espq6>
<a href=ver.php?id='.$row['id'].'><img border=0 src=images/contacto.jpg></a>
</div>
<div class=espq7>
<a href=ver.php?id='.$row['id'].'><img border=0 src=images/verperfil.jpg></a>
</div>
...

El tamaño de las imagenes es respectivamente 129*29 y 109*29

El rojo es firefox y el recuadro azul de la imagen es internet explorer, supongo que el fallo me lo da internet explorer por el ancho del borde, pero alguien sabe como solucionarlo?

Un saludo y gracias

[cristian_cena]

Hola:

Puede que no tengas un reset css o algun otro estilo este bañando tus divs. A lo mejor te convenga usar una lista no ordenada <ul> para crear menus.

Si puedes postea una url porque con los datos que das y mis escazos conocimientos no me alcanza para ayudarte.

Saludos!

[karlic0s]

he estado haciendo pruebas y definitivamente el problema esta en el border, es como que internet explorer crea un espacio entre la imagen y el borde, ademas, si la imagen la pongo de background no me ocurre esto, el problema es que mi imagen es un link y ademas tiene un codigo javascript que al pasar el raton por encima cambia. no se porque internet explorer me crea este espacio entre borde e imagen, ademas, si se dan cuenta el border esta en botton y en left y por eso se me hace mas grande solo por ahi.

Alguien que supiera como solucionar este problemilla? gracias por tu ayuda cristian_cena

[Inluzion]

Algo que puede funcionar aunque nose si es la manera correcta, es que agregues esto a los estilos:

Código:

div.espq6 img{display:block;}

div.espq7 img{display:block;}

Espero te sirva

[karlic0s]

Si iluzion, con un display block en la imagen he solucionado el tema, gracias