#sub-1{
display:none;
}
.menu_serviamo{
height: 25px;
width: 180px;
}
#menu {
padding:0;
margin:0;
font-family: arial;
font-size: 12px;
/*2. usiamo questo metodo per evitare che lo sfondo dell�elemento contenitore collassa con elementi floatati
overflow:hidden;
*/
/*3. relativo al metodo applicato sopra, per Internet Explorer 6, specifichiamo una larghezza di 100%*/
width:100%;
/*4. azzeriamo le margine � richiesto per Internet Explorer*/
margin:0;
/*5. impostiamo un spazio cuscinetto (padding) di 1 px tra i bordi della lista e il suo contenuto*/
padding:1px;
}
#menu ul {
padding:0;
margin:0;
}
#menu li {
position: relative;
float: left;
list-style: none;
margin: 0;
padding:0;
}
#menu li a {
height: 25px;
width: 90px;
display: block;
padding: 0px;
text-decoration:none;
text-align: center;
background:url(pulsante1.jpg) no-repeat top;
color: #ffffff;
margin-right: 0px;
line-height: 25px;
}
#menu li a:hover {
background:url(pulsante.jpg) no-repeat top;
}
#menu ul ul {
position: absolute;
top: 25px;
z-index: 1000;
}
#menu ul ul li a {
width:90px;
height: 25px;
display: block;
text-decoration:none;
text-align: center;
line-height: 25px;
background:none;
background-color: #AB0101;
color: #ffffff;
}
#menu ul ul li a:hover {
background:none;
background-color: #D56D6E;
}