Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/04/2009, 01:22
agd
 
Fecha de Ingreso: mayo-2008
Mensajes: 98
Antigüedad: 16 años
Puntos: 2
Error con CSS y <li> en Firefox

Buenas.. estoy haciendo un menu con las etiquetas <ul> <li>, el codigo que tengo es el siguiente:

Código HTML:
<ul>
  <a href="#">
    <li>
      Inicio
    </li>
  </a>
 <a href="#">
    <li>
      La empresa
    </li>
  </a>
 <a href="#">
    <li>
     Contacto
    </li>
  </a>
</ul> 
y en el CSS le doy "forma" al menu.. el problema es que con firefox me aparece como si hubiera hecho el codigo de la siguiente manera:

Código HTML:
<ul>
<a href="#">
    <li>
                      <-- Espacio en blanco
    </li>
  </a>
  <a href="#">
    <li>
      Inicio
    </li>
  </a>
<a href="#">
    <li>
                      <-- Espacio en blanco
    </li>
  </a>
<a href="#">
    <li>
                      <-- Espacio en blanco
    </li>
  </a>
 <a href="#">
    <li>
      La empresa
    </li>
  </a>
<a href="#">
    <li>
                      <-- Espacio en blanco
    </li>
  </a>
<a href="#">
    <li>
                      <-- Espacio en blanco
    </li>
  </a>
 <a href="#">
    <li>
     Contacto
    </li>
  </a>
<a href="#">
    <li>
                      <-- Espacio en blanco
    </li>
  </a>
</ul> 
es decir me crea un <li> vacio sobre y debajo de uno que yo haya creado.. en Google Chrome funciona perfecto..

Espero que alguien sepa cual es el error y me lo pueda decir :)

Muchas Gracias
__________________
http://clanofhaunted.com