Menu Horizontal con Background

[von_Lestat]

Hola Gente...

Me esta dando por.....(ahí)....como no el IE.

Tengo un menu con menu:

<ul>
<a href="inicio.html" <li class="Inicio"></li></a>
<a href="laborandi.html"<li class="Laborandi"></li></a>
<a href="masofertas.html" <li class="masofertas"></li></a>
<a href="noticias.html" <li class="noticias"></li></a>
<a href="contactos.html" <li class="contactos"></li></a>
<a href="registrarse.html" <li style="width:284px" class="registrarse"></li></a>
</ul>

Y este a un CSS:

ul {
list-style-type: none;
display: block;
}

li {
width: 102px;
height: 30px;
float: left;
margin-right: 1px;
display: block;
}

li.Inicio {
background: url(../imagenes/B-inicio.gif) no-repeat;
}

li.Inicio:hover{
background: url(../imagenes/BAct-inicio.gif) no-repeat;
}

li.Laborandi {
background: url(../imagenes/B-Laborandi.gif) no-repeat;
}
li.Laborandi:hover {
background: url(../imagenes/BAct-Laborandi.gif) no-repeat;
}

li.masofertas {
background: url(../imagenes/B-masofertas.gif) no-repeat;
}

li.masofertas:hover{
background: url(../imagenes/BAct-masofertas.gif) no-repeat;
}
li.noticias {
background: url(../imagenes/B-noticias.gif) no-repeat;
}

li.noticias:hover{
background: url(../imagenes/BAct-noticias.gif) no-repeat;
}
li.contactos {
background: url(../imagenes/B-contacto.gif) no-repeat;
}

li.contactos:hover{
background: url(../imagenes/BAct-contacto.gif) no-repeat;
}
li.registrarse {
background: url(../imagenes/B-registrase.gif) no-repeat;
}

PONQUE EN IE NO SE VE EL FONDO QUE LE HE PUESTO EN LOS <LI>

AYUDAAAAAAAAAAAAAAA!!!!

[jomaruro]

Hola

Iniciado por von_Lestat

<ul>
<a href="inicio.html" <li class="Inicio"></li></a>
<a href="laborandi.html"<li class="Laborandi"></li></a>
<a href="masofertas.html" <li class="masofertas"></li></a>
<a href="noticias.html" <li class="noticias"></li></a>
<a href="contactos.html" <li class="contactos"></li></a>
<a href="registrarse.html" <li style="width:284px" class="registrarse"></li></a>
</ul>

¿Y esto que es? Modifica lo que tienes por esto:

Código:

<ul>   
<li class="Inicio"><a href="inicio.html">Opción 1</a></li>
<li class="Laborandi"><a href="laborandi.html">Opción 2</a></li>
<li class="masofertas"><a href="masofertas.html">Opción 3</a></li>
<li class="noticias"><a href="noticias.html">Opción 4</a></li>
<li class="contactos"><a href="contactos.html">Opción 5</a></li>
<li style="width:284px" class="registrarse"><a href="registrarse.html">Opcion 6</a></li>
</ul>

Aparte de lo marcado en rojo (las etiquetas de apertura de los enlaces sin cerrar), dentro de una lista desordenada <ul> no debe haber más que elementos de la lista <li>.

Saludos.

[von_Lestat]

Gracias jomaruro....

Un saludo.