Hola, estoy intentando crear un div que aloje un enlace a la versión inglesa de una página. El problema es doble:
- por un lado, parece que IE no aplica las dimensiones dadas al div -o al
menos yo lo veo algo más bajo que con Firefox-. Eso sí, por lo demás se
ve perfecto.
- Sin embargo, con Firefox el texto aparece desplazado hacia abajo, de
hecho la parte más baja de las letras queda incluso un poco fuera del
borde inferior del div. En cambio, la altura de éste es mayor que en IE.
El código es:
CSS:
#english
{
position: absolute;
top: 135px;
left: 680px;
width: 140px;
height: 30px;
background: lime;
border: 2px solid red;
padding: 1px 1px 1px 1px;
font: bold 12px Arial black;
}
#english a
{
color: maroon;
text-decoration: none;
}
Y el HTML:
<div id="english">
<p><a href="../miweben/miweben1.html">English</a></p>
¿Alguien sabe cómo solucionar los problemas con los navegadores antes mencionados?