Problema con un menu css

1899 visitas 0 respuestas

hola. he modificado un menu de cero en jquery. al mostrar el resultado, note que las subsecciones no me muestran correctamente.

asi me lo muestra.

http://img717.imageshack.us/img717/9830/menupj.jpg

este es el codigo css del menu.

ul#mainmenu, ul#mainmenu ul {

float:right;    
list-style: none;
padding-top: 26px;    

} ul#mainmenu li {

display: block;
float: left;
margin: 0;
padding: 0 20px 15px 20px;
position: relative;
line-height: 14px;    

} ul#mainmenu li a {

color: #784C28;
text-decoration: none;

} ul#mainmenu li a:hover {

color: #fff;

}

/ Sub Level Nav / ul#mainmenu li ul {

background: #E1E1E1;
border-bottom: solid 2px #C1C1C1;
border-top: solid 2px #D1D1D1;
border-left: solid 1px #D1D1D1;
border-right: solid 1px #D1D1D1;
margin: 12px 0 0 0;
padding: 0 10px 0;
width: 130px;
position: absolute;
z-index:0;

} ul#mainmenu li ul li {

background: none;    
border-bottom: 1px solid #C1C1C1;
display: block;
float: none;
height: 14px;
padding: 10px 0;
text-align: left;
margin: 0;
width: 130px;
z-index:0;    

} ul#mainmenu li ul li.last {

border-bottom: none;

} ul#mainmenu li ul li a {

color: #313131;

} ul#mainmenu li ul li a:hover {

color: #c52e02;

} ul#mainmenu li ul li:last-child:not(li.arrow) {

border: 0;

}

ul#mainmenu li a.active, ul#mainmenu > li > a:hover {

color:#c52e02;

}

el css de la pagina principal. esta es la parte de la que falla.

.wrapper {

overflow: hidden;
width: 100%;

}

Agragdeceria si me ayudan con mi problema porque es lo ultimo que tengo k presentar.

saludos.

por desde Perú

Registrado desde: 13 Dec 10

Respuestas

No existen respuestas para este tema