Tngo este menu en la parte superior:
Y éste es el código CSS:
Cita: ul.menu
{
height: 20px;
color: #ffffff;
font-size: 20px;
font-family:Tahoma, Geneva, sans-serif;
margin: 0 0 0 0;
}
ul.menu li
{
position:relative;
width:120px;
font-size: 12px;
color: #000000;
padding: 2px 0px 1px 0px;
margin: 0 0 0 0 ;
}
ul.menu ul
{
position:relative;
left:0px;
top:50px;
width: 130px;
display:none;
padding: 2px 0px 2px 0px;
color: #ffffff;
}
ul.menu li:hover > ul
{
display:block;
background: #b8bfc5;
opacity: 0.6;
}
ul.menu li:hover
{
background: #b8bfc5;
}
ul.menu> li > ul
{
position:absolute;
left:0px;
top:-50px;
display:none;
list-style:none;
}
ul.menu > li
{
display:inline;
color: #ffffff;
font-size: 16px;
padding: 0px;
color: #ffffff;
}
No soy capaz de bajar el menú unos 150 píxeles más abajo. Haga lo que haga no se mueve. ¿En qué me estoy equivocando?
Muchas gracias.
Un saludo!