Me pueden ayudar con el codigo! plz

[xSicario]

Sucede que estoy intentanto realizar un menu despleglable en css puro, pero tengo el problema q el submenu me desliza el resto del menu hacia la derecha =(, y lo que quiero es que el submenu caiga recto hacia abajo, no q tenga ese margen hacia la derecha con el que cae ahora. No logro encontrar la forma de solucionarlo u.u (( no soy muy experimentado en web =( ))

Porfa si alguien sabe como solucionar mi problema o error de configuracion ayudeme plz =D!!.

 

 

html
<ul>
<li><a href="quienessomos.html">Nosotros</a>
  <ul><li><a href="nuestraempresa.html">Nuestra Empresa</a></li>
      <li><a href="nuestropersonal.html">Nosotro Personal</a></li></ul>
<li><a href="servicios.html">Servicios</a></li>
<li><a href="aeronaves.html">Aeronaves</a>
  <ul><li><a href="ecureuil.html">Ecureuil AS350</a></li>
      <li><a href="bell206.html">Bell 206 BIII</a></li>
      <li><a href="bell205.html">Bell 205 A1-17</a></li>
      <li><a href="otras.html">Otras</a></li></ul></li>
<li><a href="trackingsystem.html">Tracking System</a></li>
<li><a href=".html">Acceso Personal</a></li>
<li><a href="trackingsystem.html">Multimedial</a>
      <ul><li><a href="nuestraempresa.html">Imagen</a></li>
      <li><a href="nuestropersonal.html">Videos</a></li></ul>
</ul>

 

 

 

css

ul {
list-style-type: none;
display: block;
}
li {
display: block;
float: left;
}
li ul {
    display: none;
    width: 133px;
}
ul li a {
    display: block;
    width: 130px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-variant: normal;
    color: #FFFFFF;
    height: 22px;
    background-color: #0071BB;
}
ul li a:hover {
    color: #003A83;
    background-color: #0071BB;
}
li:hover ul {
    display: block;
}
li:hover li {
}
li:hover a {
background-color: #0071BB;
}
li:hover li a:hover {
    background-color: #0071BB;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
} 

Edited July 7, 2010 by xSicario

[alvaroxz]

faltan eventos man sin eventos dudo que logres hacer algo dinamico....

[Patiwiii]

DESCARGATE DE ESTE LINKS EL TRENDY FLASH COMPARITO ESTO SOLUCIONARA TUS PROBLEMAS CON LOS MENUS Q DESEAS PARA TU SITIO. EL UNICO PROBLEMA ES Q ESTA EN INGLES PERO ES MUY MUY PERO MUUUUYYYY FACIL DE USAR

 

ACA TE DEJO EL LINKS:

 

Link: http://letitbit.net/download/f69f5c141258/...uilder.rar.html

 

 

UNA VES CONFIGURADO EL MENU AL GRABAR ESTE GENERA AUTOMATICAMENTE EL CODIGO PARA INSERTAR EN TU SITIO

 

 

QUE LO DISFRUTES

[methoz]

eem, talvez esta respuesta ya esta fuera de fecha, pero para el que tenga dudas sobre como solucionar esto, hay que agregar lo siguiente al codigo css.

css

 

ul {

list-style-type: none;

display: block;

}

li {

display: block;

float: left;

position: relative;

}

li ul {

display: none;

width: 133px;

}

ul li a {

display: block;

width: 130px;

text-align: center;

text-decoration: none;

font-size: 13px;

font-variant: normal;

color: #FFFFFF;

height: 22px;

background-color: #0071BB;

}

ul li a:hover {

color: #003A83;

background-color: #0071BB;

}

li:hover ul {

display: block;

position: absolute;

}

li:hover li {

}

li:hover a {

background-color: #0071BB;

}

li:hover li a:hover {

background-color: #0071BB;

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

color: #FFFFFF;

}

 

eso sería, para el que le sirva.

 

saludos

Edited October 1, 2010 by methoz