Probrema formattazione lista annidata

[awd]

Sto realizzando un template con joomla 1.6 e ho difficoltà a formattare un sottomenu.
Joomla di default genera un lista annidata di questo tipo

<ul class="menu" id="menupaese">
  <li id="item-106">Geografia
  <li id="item-107">Storia
  <li id="item-108" class="current active deeper parent">Arte e monumenti
    <ul>
      <li id="item-109">Castello
      <li id="item-110">Pieve di San Giovanni[/list]
  
  <li id="item-111">Cultura[/list]

Il risultato è quello in allegato, la voce Cultura si sovrappone alle voci della sottolista.
Il problema si pone indipendentemente da Joomla, quindi c'è qualcosa che devo correggere nel css ma non capisco cosa.
Avete suggerimenti?
(se serve posto il css)

[awd]

help...

[Mich_]

La struttura HTML e` corretta per un menu.
Devi quindi solo trovare la formattazione giusta.

Fatti un giro tra le raccolte di menu, trovi di certo quello che fa per te.
Puoi partire dai "link utili" (a me piace come sono strutturati i menu di CSSplay)

[awd]

Non riesco proprio a venirne a capo...
Se qualcuno volesse darmi una mano metto in css di seguito

/* --------------- MENU LATERALE --------------- */

div#leftmenu {
margin-top: 25px;
}
div#leftmenu h3 {
height: 24px;
font-size: 0.82em;
margin: 10px 0 0;
padding: 0 0 0 20px;
border-bottom: 1px solid #820000;
line-height: 24px;
color: #fff;
font-weight: bold;
background: #900 url(../images/freccia_current.gif) no-repeat center left;
}
ul#menupaese {
list-style: none;
margin: 0 auto;
padding: 0;
}
ul#menupaese li {
height: 25px;
font-size: 0.82em;
margin: 0;
padding: 0;
line-height: 25px;
}
ul#menupaese li a {
color: #444;
display: block;
border: 0;
padding: 0 0 0 20px;
border-bottom: 1px dotted #ccc;
text-decoration: none;
}
/* div#leftmenu ul li a:visited {
color: #900;
} */
ul#menupaese li a:hover, ul.menu li a:active {
color: #900;
padding: 0 0 0 20px;
background: #fff url(../images/freccia_hover.gif) no-repeat center left;
}
ul#menupaese li.current a {
font-weight: bold;
color: #900;
background: #fff url(../images/freccia_hover.gif) no-repeat center left;
}
ul#menupaese li.deeper a {
font-weight: bold;
color: #900;
background: #fff url(../images/freccia_hover.gif) no-repeat center left;
}

/* ------------ Sottomenu ------------ */

ul#menupaese li.deeper ul {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #900;
border-top: 1px solid #900;
}
ul#menupaese li.deeper ul li {
height: 20px;
font-size: 90%;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
line-height: 20px;
}

ul#menupaese li.deeper ul li a {
font-weight: normal;
background: #f2f2f2;
color: #444;
display: block;
border: 0;
padding: 0 0 0 20px;
border-bottom: 0;
text-decoration: none;
}
ul#menupaese li.deeper ul li a:hover, ul#menupaese li.deeper ul li a:active, ul#menupaese li.deeper ul li.current a {
color: #900;
background: #f2f2f2 url(../images/freccia_hover2.gif) no-repeat center left;
padding: 0 0 0 20px;
text-decoration: underline;
}
ul#menupaese li.deeper ul li.current a {
background: #f2f2f2 url(../images/freccia_hover2.gif) no-repeat center left;
text-decoration: none;
}

[awd]

sono proprio arrugginito...