Bueno, hoy he llegado al colmo de lo ilógico en IE6. Me apareció el siguiente problema: tengo un <div> llamado "info" con un border-bottom. Dentro de ese div hay una imagen y un texto. No es gran cosa... en IE7, Opera y Firefox se ve perfecto. En IE6 resulta que el texto NO aparece y el borde tampoco, la imgen sí. Pero en cuanto selecciono donde debería estar el texto, éste aparece y al deseleccionar permanece en pantalla... hasta que paso el mouse por un botón y vuelve a "desaparecer" (pero realmente ahí está...).
Bueno, nunca me había pasado. Espero francamente que sea cosa de mi IE6 (Tengo instalado el programa Multiples IE)... aquí está el código:
Código HTML:
<div id="info"> <div class="izq"> <img src="img/info.png" alt="" width="48" height="48" /> </div> <p>Ofrecemos biotecología pecuaria y en nutrición animal: productos especializados, servicios y laboratorios para el cuidado de los animales. </p><a href="#" id="rollover">mas</a> </div>
Código:
#info {
margin: 20px 50px 30px 30px;
padding-left: 40px;
padding-right: 70px;
padding-bottom: 20px;
border-bottom : 6px dashed #0099cc;
}
#info p {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 18px;
color: Black;
text-align: justify;
}
Y bueno... aunque la página está aún en construcción, voy a subirla para quien tenga IE6 pueda decirme si el texto está o no está... y comprobar que funciona en otros navegadores.
http://www.biopec.com.mx/v1/index.html
Muchas gracias por cualquier ayuda.
Samuel.
