hola a todos,
Tengo un código de un menu que se me ve perfectamente en mozilla, pero no en IE.
el css es este:
Código HTML:
#topimg
{
position: relative;
right: 0px;
top: 6px;
z-index: 1;
border: 0px;
padding: 0px;
}
#bottomimg
{
position: relative;
right: 0px;
top: -12px;
z-index: 1;
border: 0px;
padding: 0px;
}
y el HTML es este:
Código HTML:
<div id="sectionLinks">
<div id="topimg"><img src="menu_sup.gif" width="190" /></div>
<a href="http:/miweb.com/menu1.php">menu1</a>
<a href="http:/miweb.com/menu2.php">menu1</a>
<a href="http:/miweb.com/menu3.php">menu3</a>
<div id="bottomimg"><img src="menu_inf.gif" width="190" /></div>
</div>
lo que me ocurre es que las imagenes de la cabeza y del pie del menu (en los divs topimg y bottomimg) salen "movidas" con IE
para que se vea correctamente en IE debo editar el css así
#topimg { top: 3px; }
#bottomimg { top: -4px; }
¿Como puedo solucionarlo?
¿es posible asignar distintos "tops" para los diferentes navegadores?
Gracias por su ayuda