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!