CSS Dropdown Menü - Komm nicht weiter

[Deleted member 26020]

Hallo,

ich hab mich schon auf die Suche gemacht, aber bin nicht so recht fündig geworden bzw. die Lösungen haben nicht geholfen.
Es dreht sich (wie immer) um den IE. Mein CSS Dropdown Menü, lässt sich leider nicht öffnen. In Chrome,FF,Opera,etc. funktioniert alles einwandfrei..
Langsam bin ich kurz vor dem verzweifeln.. :(
Zumindest bin ich jetzt schon soweit, dass das Menü auch im IE zentriert ist..

Ich häng euch mal den Code unten an, vielleicht hat jemand eine Idee.. Würde mich aufjedenfall sehr freuen!

Danke im voraus :)

.menu{    border:none;
    border:0px;
    margin:0px auto;
    text-align:center;
    position:relative;
    margin-top:-35px;
    padding:0px;
    font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    }
.menu ul{
    background:#212121;
    height:35px;
    width:610px;
    list-style:none;
    margin:0 auto;
    padding:0;
    }
    .menu li{
        float:left;
        padding:0px; 
        }
    .menu li a{
        background:#212121;
        color:#cccccc;
        display:block;
        font-weight:normal;
        line-height:35px;
        margin:0px auto;
        padding:0px 25px;
        text-align:center;
        text-decoration:none;
        }
        .menu li a:hover, .menu ul li:hover a{
            background: #009f15 url("http://www.html.de/images/hover2.png") 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:225px;
        z-index:200;
        /*top:1em;
        /*left:0;*/
        }
    .menu li:hover ul{
        display:block;
        
        }
    .menu li li {
        background:url('images/sub_sep.gif') bottom left no-repeat;
        display:block;
        float:none;
        margin:0px;
        padding:0px;
        width:225px;
        }
    .menu li:hover li a{
        background:none;
        
        }
    .menu li ul a{
        display:block;
        height:35px;
        font-size:14px;
        font-style:normal;
        margin:0px;
        padding:0px 14px 0px 14px;
        text-align:left;
        }
        .menu li ul a:hover, .menu li ul li:hover a{
            background:#009f15 url('images/hover_sub2.png') center left no-repeat;
            border:0px;
            color:#ffffff;
            text-decoration:none;
            }
    .menu p{
        clear:left;
        }

 

[Deleted member 26020]

Hab nun eine Möglichkeit gefunden und getestet.. Funktioniert einwandfrei!! :)

Im Body-Tag kommt folgendes rein:

<!--[IF IE]><style type="text/css"> 
body{behavior: url(htc/csshover.htc) } 
</style><![ENDIF]-->

url(htc/csshover.htc) ist der Pfad zur csshover.htc Datei auf eurem Server.
Diese kann hier frei und kostenlos runtergeladen werden..:

http://peterned.home.xs4all.nl/csshover.html