Ciao a tutti!
Ho un piccolo problema in un menù a tendina fatto con css.
Praticamente quando seleziono un menu che ha anche il terzo livello compare una rettangolo in più che non riesco a eliminare, sapete darmi una mano ?
codice:
<link href="css/menu_pette.css" rel="stylesheet" type="text/css" />


<div id="menu_marchesini">
  <ul>[*]Menu 1
      <ul>[*]il complesso[*]appartamento nuovo
          <ul>[*]Menu 1-2-1[*]Menu 1-2-2[*]Menu 1-2-3[/list]
          [*]Menu 1-3[/list]
     [*]Menu 2
       <ul>[*]Menu 2-1[*]Menu 2-2[*]Menu 2-3[/list]
     [*]Menu 3
       <ul>[*]Menu 3-1 anche voglia[*]Menu 3-2[*]Menu 3-3
       <ul>[*]Menu 3-3-1[*]Menu 3-3-2[*]Menu 3-3-3[/list]
     [/list]
    [/list]
</div>
e il relativo html
codice:
body{
    background-color: #c2c3c1;
}


#menu_marchesini{
padding:0;
maragin:0;
z-index: 1000;

}

#menu_marchesini li{
position: relative;
float: left;
 list-style: none;
margin: 0;
padding:0;
z-index: 1000;
}

#menu_marchesini li a{
    
height: 40px;
display: block;
text-decoration:none;
text-align: left;
line-height: 40px;
color: #333;
background: none;
z-index: 1000;
padding-left:10px;
}

#menu_marchesini li a:hover{
background: none;

}

#menu_marchesini ul ul{
    position: absolute;
    top: 40px;
    visibility: hidden;
     font: 14px Arial, Helvetica, sans-serif;
    z-index: 1000;
    background-color: cadetblue;
    text-align:left;
}



#menu_marchesini ul ul li a{
height: 30px;
display: block;
text-decoration:none;
text-align: left;
line-height: 30px;
color: #333;
background: none;
z-index: 1000;
padding-left:10px;
width: 200px;
}

#menu_marchesini ul{
padding:0;
margin:0;
font: italic bold 18px Georgia, "Times New Roman",  Times, serif;
}

#menu_marchesini ul li:hover ul {

visibility:visible;
z-index: 1000;
}

#menu_marchesini ul ul li a:hover{
background: maroon none;

}
#menu_marchesini ul ul ul li {
visibility: hidden;
left:210px;
top:-40px;
background-color: black;
width: 200px;
}

#menu_marchesini ul ul ul li a:hover{
background: yellow;

}



#menu_marchesini ul ul li:hover ul li {
visibility:visible;
}