Hola,
tengo un problema con Internet Explorer 7, interpreta los estilos diferente del Firefox.
Tengo una tabla con una única fila y con un fondo. En IE7 me lo muestra desplazado hacia arriba y ya no sé que hacer, socorro
Lo podéis comprobar en:
juanviblazquezpuntocom
Este es el código HTML:
<div id="menu">
<table align="left">
<tr>
<td id="barra_idiomas" style="width:160px; text-align:center;">BARRA CON IDIOMAS</td>
<td style="width:15px;"></td>
<td id="inicio" style="width:52px; text-align:center;"><a href="index.php">Inicio</a></td>
<td style="width:4px;"></td>
<td id="curriculum" style="width:70px; text-align:center;"><a href="curr_formacion.php">Currículum</a></td>
<td style="width:4px;"></td>
<td id="ortofon" style="width:94px; text-align:center;"><a href="ortofon.php">Centro Ortofón</a></td>
<td style="width:2px;"></td>
<td id="instituto" style="width:213px; text-align:center;"><a href="instituto.php">Instituto de Medicina del Deporte</a></td>
<td style="width:4px;"></td>
<td id="formaciones" style="width:84px; text-align:center;"><a href="formaciones.php">Formaciones</a></td>
<td style="width:3px;"></td>
<td id="recursos" style="width:63px; text-align:center;"><a href="recursos.php">Recursos</a></td>
<td style="width:2px;"></td>
<td id="contacto" style="width:65px; text-align:center;"><a href="contacto.php">Contacto</a></td>
</tr>
</table>
</div>
Y este el estilo:
#menu{
width: 900px;
height: 45px; /* Firefox OK */
background-image: url(img/fondo_menu.gif); /* La imagen mide 900x40px */
background-position:center;
background-repeat:no-repeat;
}
Gracias de antemano.