problemi con menù css in safari

[lucalo]

Ciao a tutti,
ho creato un meno a tendina in css ma ho alcuni problemi nel posizionamento della tendina dei menù di secondo livello. Sono riuscito ad ovviare per explorer e firefox ma con safari (x Mac) la tendina viene visualizzata in modo non corretto. qualcuno può aiutarmi? questa è la pagina incriminata

http://www.gestanet.it

e questo è il codice CSS:

DIV#hormenu {
PADDING-LEFT: 40px;
FONT-SIZE: 12px;
FLOAT: left;
WIDTH: 185px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #9D1F30;
line-height:20px;
display:block;
height:100%;
}
DIV#hormenu UL {
color: #9D1F30; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DIV#hormenu LI {
color: #9D1F30; PADDING-top: 5px; MARGIN: 0px;
}
DIV#hormenu A {
color: #9D1F30; PADDING-RIGHT: 1px; DISPLAY: inline; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-DECORATION: none
}
DIV#hormenu a:visited {
color: #885444;
}
DIV#hormenu A:hover {
COLOR: #fff; BACKGROUND-COLOR: #9D1F30; TEXT-DECORATION: none
}
DIV#hormenu LI UL {
color: #9D1F30; DISPLAY: none
}
DIV#hormenu LI:hover UL {
color: #9D1F30; PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; Z-INDEX: 1; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN-left: 125px; MARGIN-top: -19px; BORDER-left: #1A3E5B 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #1A3E5B 1px solid; BORDER-RIGHT: #1A3E5B 1px solid;POSITION: absolute
}
DIV#hormenu LI.over UL {
filter:alpha(opacity=90);
color: #9D1F30;
PADDING-RIGHT: 0px;
DISPLAY: block;
PADDING-LEFT: 0px;
Z-INDEX: 1;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
margin-left:-20px;
margin-top:0px;
BORDER-LEFT: #1A3E5B 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #1A3E5B 1px solid;
POSITION: absolute;
}
DIV#hormenu LI LI {
BORDER-right: #1A3E5B 1px solid;BORDER-top: #1A3E5B 1px solid;
}
DIV#hormenu LI LI A {
PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
LI:hover UL {
DISPLAY: block; FLOAT: left
}
LI.over UL {
DISPLAY: block; FLOAT: left
}
.box55 {
WIDTH: 25px
}
.box100 {
WIDTH: 140px
}
.box150 {
WIDTH: 182px
}

grazie mille!!!!!!

[Mich_]

Prova ad usare la sintassi corretta.
Il selettore DIV non esiste, devi usare div (minuscolo).
Poi vedi con il validatore CSS se ci sono altri errori di sintassi.

[lucalo]

Ciò che mi sembra strano è che la posizione del menù a comparsa x IE è determinata da questo dato:

div#hormenu LI.over UL {
filter:alpha(opacity=90);
color: #9D1F30;
PADDING-RIGHT: 0px;
DISPLAY: block;
PADDING-LEFT: 0px;
Z-INDEX: 1;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
margin-left:-20px;
margin-top:0px;
BORDER-LEFT: #1A3E5B 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #1A3E5B 1px solid;
POSITION: absolute;
}

mentre Firefox tiene conto esclusivamente di quest'altro:

div#hormenu LI:hover UL {
color: #9D1F30;
PADDING-RIGHT: 0px;
DISPLAY: inline;
PADDING-LEFT: 0px;
Z-INDEX: 1;
BACKGROUND: #fff;
PADDING-BOTTOM: 0px;
MARGIN-left: 125px;
MARGIN-top: -19px;
BORDER-left: #1A3E5B 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #1A3E5B 1px solid;
BORDER-RIGHT: #1A3E5B 1px solid;
POSITION: absolute
}

[Mich_]

Ripeto: finche` ci sono errori di sintassi, non puoi sapere se il mancato funzionamento e` dovuto a tali errori. FF ultimamente e` meno sensibile agli errori, ma non altrettanto si puo` dire di altri browser.

Poi non so come fai il browser-sniffing. Logica vorrebbe che Safari si comportasse come FF, ma non e` una regola ferrea.

[lucalo]

Purtroppo anche con la validazione css (a quest'altro link www.lucapanzarella.it/gesta/) il problema rimane...