Adattare codice a vecchie versioni di IE...

[k_abuto]

salve a tutti...ho un problema con un cliente che non può aggiornare la propria versione di I.E...

il problema è questo menu a tendina...che con le versioni di IE precedenti alla 7 non si vede
è possibile adattarlo ai vecchi standard o devo cambiare completamente soluzione??

.menu{
    border:none;
    border:0px;
    margin:0px;
    padding:0px;
    font: tahoma, Georgia, "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    }
.menu ul{
    background:#333333;
    height:35px;
    list-style:none;
    margin:0;
    padding:0;
    }
    .menu li{
        float:left;
        padding:0px;
        }
    .menu li a{
        background:#333333 url("img/seperator.gif") bottom right no-repeat;
        color:#cccccc;
        display:block;
        font-weight:normal;
        line-height:35px;
        margin:0px;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #f01d30 url("img/hover.gif") bottom center no-repeat;
            color:#FFFFFF;
            text-decoration:none;
            }
    .menu li ul{
        background:#404040;
        display:none;
        height:auto;
        padding:0px;
        margin:0px;
        border:0px;
        position:absolute;
        width:255px;
        z-index:200;
        /*top:1em;
        /*left:0;*/
        }
    .menu li:hover ul{
        display:block;
        
        }
    .menu li li {
        background:url('img/sub_sep.gif') bottom left no-repeat;
        display:block;
        float:left;
        margin:0px;
        padding:0px;
        width:255px;
        color:#FF9900;
        }
    .menu li:hover li a{
        background:none;
        
        }
    .menu li ul a{
        display:block;
        height:35px;
        font-size:12px;
        font-style:normal;
        margin:0px;
        padding:0px 10px 0px 15px;
        text-align:left;
        }
        .menu li ul a:hover, .menu li ul li:hover a{
            background:#f01d30 url('img/hover_sub.gif') center left no-repeat;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            font-weight: bold;
            }
    .menu p{
        clear:left;
        } 

grazie mille per l'attenzione, spero possiate aiutarmi..grazie!

[miki003]

L'adattamento alle vecchie versioni di IE generalmente si ottiene con i commenti condizionali, tuttavia in qualche caso occorre qualche script in JS, nel tuo caso non posso darti un cosiglio specifico, perchè ora non ho a portata di mano IE6 per provare il tuo codice

[k_abuto]

con un commento condizionale dell'head mostro un avviso in caso di versione di IE obsoleta, ma purtroppo il mio cliente non ha la possibilità di entrare nel proprio pc con l'account amministratore...

cmq grazie!!!!

[francesk87]

Con Internet Explorer 6, lo stato :hover è ignorato.

Leggi questo tutorial alla fine è spiegato come risolvere il tuo problema.

http://css.flepstudio.org/css-tutori...e-di-base.html