he realizado esto, y algo he conseguido parecido a lo que yo quiero
Código:
.menu_fondo{
background-color: fuchsia;
height: 30px;
width: 990px;
background-color: #96bcf3;
}
.menu_fondo li{
float: left;
list-style: none;
font-family: Verdana;
font-size: 12px;
color: #FFF;
height: 30px;
}
.menu_fondo li:hover{
float: left;
list-style: none;
font-family: Verdana;
font-size: 12px;
color: #FFF;
background-color: #70a4f1;
height: 30px;
}
.menu_fondo a{
float: left;
list-style: none;
font-family: Verdana;
font-size: 14px;
color: #FFF;
text-decoration: none;
padding-top: 5px;
padding-left: 37px;
padding-right: 37px;
}
lo único malo, es q no se como hacer que llegue de lado a lado exactamente
queda uno o 2 píxeles sin estar dentro
pueden verlo aquí
http://manucastro.es/avi_pru/
espero me puedan ayudar