Hola a todos.
Estoy creando un menu horizontal. En IE6 funciona perfecto pero en Mozilla no aparecen la imagenes que he puesto como fondo. Os pongo el codigo, perdonad que no lo ponga con colores... pero incluso a estas alturas no se como se hace.
.menu_guia {
font-family: Tahoma;
font-size: 12px;
color: #292322;
text-decoration: none;
background-attachment: fixed;
background-image: url(imagenes/menu_guia_off.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 19px;
width: 125px;
padding-left: 10px;
}
.menu_guia:hover {
font-family: Tahoma;
font-size: 12px;
color: #292322;
text-decoration: none;
background-attachment: fixed;
background-image: url(imagenes/menu_guia_on.jpg);
background-repeat: no-repeat;
background-position: left top;
height: 19px;
width: 125px;
padding-left: 14px;
}
La parte html es asi:
<tr>
<td width="138" height="344" valign="top" style="padding-left:5px">
<div><a href="opcion_01.html" class="menu_guia">Opcion 1</a></div>
<div><a href="opcion_02.html" class="menu_guia">Opcion 2</a></div>
<div><a href="opcion_03.html" class="menu_guia">Opcion 3</a></div>
<div><a href="opcion_04.html" class="menu_guia">Opcion 4</a></div>
<div><a href="opcion_05.html" class="menu_guia">Opcion 5</a></div>
</td>
</tr>
Lo he colocado de esta otra forma y sigue dandome error en Mozilla, osea, que sigue sin verse las imagenes de fondo.
<tr>
<td width="138" height="344" valign="top" style="padding-left:5px">
<div class="menu_guia"><a href="opcion_01.html">Opcion 1</a></div>
<div class="menu_guia"><a href="opcion_02.html">Opcion 2</a></div>
<div class="menu_guia"><a href="opcion_03.html">Opcion 3</a></div>
<div class="menu_guia"><a href="opcion_04.html">Opcion 4</a></div>
<div class="menu_guia"><a href="opcion_05.html">Opcion 5</a></div>
</td>
</tr>
Gracias por contestar.
Un saludo a todos.