menu dropdown in css che non va con ie5.5 e 6

[renato.ferrua]

Ciao a tutti/e
ho creato questo menu' che pero' ho notato che non funzione con ie 5.5 ed ie 6.0.

che modifiche devo fare per avere la compatibilita??
se volete il link per vedere il sito è:
www.videocorsionline.it/nevj

CSS

/* inizializzazione menu */
.menu3 {
position:relative;
}



/* inizio lista */
.menu3 ul {
padding:0;
margin:0;
list-style-type: none;
}



/* elemento lista 1° livello*/
.menu3 ul li {
float:left;
position:relative;
}




/* tasto principale*/
.menu3 ul li a, .menu3 ul li a:visited {
display:block;
text-decoration:none;
width:123px;
height:74px;
border:0px;
}

/* bordo immagine link*/
img.att {
border: 0;
}

/* tasti secondari*/
/*base*/
.menu3 ul li:hover ul {
display:block;
position:absolute;
top:72px;
left:0px;
width: 123px;
height:auto;
margin-top:0px;
}


.menu3 ul li:hover ul li ul {
display: none;
}


/*grafica*/
.menu3 ul li:hover ul li a{
display:block;
background:#ffffff; /* #f0d3d7 colore sfondo tasto non selezionato */
color:#463335; /* colore testo tasto non selezionato */
height:auto;
width: 123px;
line-height:15px;
padding:8px 10px;
border-top: 1px solid black; /* bordi */
border-left: 1px solid black;
border-right: 1px solid black;
}



.menu3 ul li:hover ul li:hover a {
background:#f0d3d7 ; /* #e7737e colore sfondo tasto selezionato */
color:#463335; /* colore testo tasto selezionato */
}



/* elemento lista 1° livello ultimo elemento*/
.menu3 ul li.last {
border-bottom:1px solid black; /* bordi */
margin:0;
}


.menu3 ul li.sfondo{
background:#f0d3d7 ; /* #e7737e colore sfondo tasto selezionato tasto pagina corrente */
color:#463335; /* colore testo tasto selezionato tAsto pagina corrente */
height:auto;
width: 123px;
line-height:15px;
padding:8px 10px;
border-top: 1px solid black; /* bordi */
border-left: 1px solid black;
border-right: 1px solid black;
}
.menu3 ul li.sfondoo{
background:#f0d3d7 ; /* #e7737e colore sfondo tasto selezionato tasto pagina corrente */
color:#463335; /* colore testo tasto selezionato tAsto pagina corrente */
height:auto;
width: 123px;
line-height:15px;
padding:8px 10px;
border: 1px solid black; /* bordi */
}



/*nasconde menu*/
.menu3 ul li ul {
display: none;
}

HTML
<div class="menu3">
<ul>[*][img]img/bocabuna.jpg[/img][*][img]img/prontivia.jpg[/img][*][img]img/neventjs.jpg[/img][*][img]img/pubblinetzjne.jpg[/img][*][img]img/bubusettete.jpg[/img][*][img]img/amanoamano.jpg[/img]
<li class="niente"> [img]img/altro.jpg[/img]
<ul>[*]Sos[*]GiochImparo[*]Arte e Musica
<li class="last">ChildToChild[/list]
[/list]
</div>

[emnlmn]

Le versioni precedenti a ie7 supportano la pseudoclasse :hover solamente per gli elementi <a>.
Credo che l'unica soluzione sia js, almeno per quanto riguarda le mie conoscenze.

[renato.ferrua]

si la motivazione è quella. ma c'e' il modo di farlo funzionare lo stesso... l' ho visto fare!