Hola a todos de nuevo:
Tengo un problema con IE 6 que no me deja vivir tranquilo.
La trama:
Una imagen dentro de un div.
El div con borde de un pixel en todo el contorno, menos en la derecha.
Dentro la foto, que debe encajar dentro del div a la perfección.
El problema:
Por alguna razón que no entiendo, en IE 6 me sale un extraño margen (o lo que sea) de cuatro píxeles entre la imagen y el borde.
Sé positivamente que tiene que ver con el borde del div, pero no se qué hace para solventarlo.
El código es:
(xhtml)
<div id=fff>
<img src="imagenes/ceramicas.jpg" alt="cerámicas y porcelanas"/>
</div>
(css)
#fff {
MARGIN: 0px;
PADDING: 0px;
POSITION: absolute;
WIDTH: 390px;
HEIGHT: 352px;
LEFT: 10px;
TOP: 206px;
BORDER-TOP: #81AAD8 1px solid;
BORDER-LEFT: #81AAD8 1px solid;
BORDER-BOTTOM: #81AAD8 1px solid;
}
#fff img {
WIDTH: 390px;
HEIGHT: 352px;
}
Tanto en IE 7 como en Firefox y otros funciona perfectamente; no siendo así en modelos anteriores de IE.
Ya sabemos que IE 5 no interesa, pero lo cierto es que no se puede prescindir del IE 6, que sirve hoy en día en tantos y tantos sistemas.
Lo dicho, esperando vuestra amable respuesta, un saludo y gracias por vuestra inestimable ayuda y colaboración.