Problemi con menu roll-over

[astra63]

Carissimi, vi espongo il mio problema.
Sto provando a creare un portale accessibile per un sito di tipo istituzionale( legge Stanca).
Premetto che ho poca conoscenza dei Css, ma seguendo qualche tutorial, sto provando a mettere in pratica quanto appreso.
Il mio problema riguarda il menu laterale sinistro e l'effetto rollover ottenuto al passaggio del mouse. Il risultato è buono con I.E. e F.Fox in quanto riesco a visualizzare al passaggio del mouse lo sfondo arancione delle varie voci del menu.
Il problema sorge con Opera, infatti in questo caso per ottenere l'effetto rollover devo posizionare il puntatore del mouse all'esterno del menu e poi avvicinarmi alle singole voci per ottenere lo stesso effetto.
Ho fatto varie prove provando ad isolare il menu dalle altri box della pagina ed ho scoperto che il problema è causato dalla barra di navigazione orizzontale , ma non riesco a trovare una soluzione efficace.

l'indirizzo del sito è qui
il foglio di stile associato per la visualizzazione grafica è questo

Grazie a tutti.

[Another-Life]

[OT]:

Inanzitutto ti consiglio di dare un senso ai commenti utilizzati nel codice seguente,anche perchè il progetto potrebbe passare in altre mani e non sarebbe del tutto comprensibile.


#menu {
background: #f69f43; /*background: #f0e7d7;*/
width:190px;
/*al posto di width*/
margin: 0 auto;
/* padding: 1em 0;
/* font-family: georgia, serif;
font-size: 13px;*/
text-align: left;

/* text-transform: lowercase;*/


Prova ad assegnare un margine comune:

margin: 0;

Edit:

Deduco che i commenti gli hai utilizzati solo per fare dei test,quindi ritiro le prime due righe lol

[astra63]

potresti spiegarti meglio

[Another-Life]

Semplicemente prova a modificare --> margin: 0 auto; in --> margin:0;

[astra63]

Grazie lo stesso, ho risolto rifacendo daccapo, e con calma il foglio di stile

[Another-Life]

qual'era il problema ??

[astra63]

Non so con precisione da cosa era provocato, comunque l'ho risolto in questo modo:

ho inscatolato il contenitore laterale sinistro + quello centrale +quello destro in un div corpo che li contiente tutti e tre, evitando così il disturbo(secondo me ..) provocato dalla barra di navigazione sito orizzontale.javascript:smilie('')
Ciauz