Siao a tutti!
Ho un problemino con un menu e un sottomenu formati da due liste annidate... dunque... il menu ha un'immagine di background, che però non dovrebbe ripetersi nel sottomenu, e invece si ripete...

Che posso fare? Vi posto il codice del css e due immagini per farvi vedere come esce e come invece dovrebbe uscire...

Aiutatemi vi preeeegoooooo!!!!

/* MENU */
div#sottomenu {position:absolute; top:5px; left:76px; width:270px; height:165px;}

div#sottomenu ul{list-style-type:none; padding:0px; margin:0px;}

div#sottomenu li{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; vertical-align:middle}

div#sottomenu a{text-decoration:none; color:#ffffff; padding-left:22px; height:22px; line-height:20px; background-image:url(img/sottomenu-normal.gif);}

div#sottomenu a:hover{color:#ffffff; padding-left:22px; text-decoration:underline;}

div#sottomenu li#activelink, div#sottomenu li#activelink a, div#sottomenu li#activelink a:hover {color:#ffffff; padding-left:22px; background-image:url(img/sottomenu-roll.gif); vertical-align:text-top; background-repeat:no-repeat}

/* SOTTOMENU ANNIDATO */
div#sottomenu2 ul{list-style-type:none;}

div#sottomenu2 li{font-weight:normal; font-size:11px;}

div#sottomenu2 a{text-decoration: none; color: #ffffff; line-height:16px;}

div#sottomenu2 a:hover{color:#ffffff; line-height:16px; text-decoration:underline;}

div#sottomenu2 li#activelink2 {color:#ffffff; line-height:16px;}