css para IE: z-index y display:inline-block

[morfasto]

Aun asi no funciona...

Aqui esta mi codigo:

Código CSS:

#menu {
    position:absolute;
    height: 34px;
    width: 980px;
    top: 92px;
}
ul.topnav {
    list-style: none;
    padding-left:20px;
    margin: 0;
    float: left;
    width: 960px;
    background: #222;
    background: url(../Imagenes/topnav_bg.gif) repeat-x;
    position:relative;
}
ul.topnav li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0;
    width:122px;
    position: relative;
}
ul.topnav li a{
    padding: 10px 5px;
    color: #ccc;
    display: block;
    text-decoration: none;
    font: 12px normal Arial, Helvetica, sans-serif;
    float: left;
    min-width:50px;
    text-align:center;
}
ul.topnav li a:hover{
    background: url(../Imagenes/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span {
    width: 17px;
    height: 35px;
    float: left;
    background: url(../Imagenes/subnav_btn.gif) no-repeat center top;
    position:relative;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;position:relative;}
ul.topnav li ul.subnav {
    list-style: none;
    position: absolute;
    left: 0; top: 35px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 170px;
    border: 1px solid #111;
    z-index:1;
}
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #444;
    clear: both;
    width: 170px;
    position:relative;
}
html ul.topnav li ul.subnav li a {
    float: left;
    width: 145px;
    background: #333 url(../Imagenes/dropdown_linkbg.gif) no-repeat 10px center;
    padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover {
    background: #222 url(../Imagenes/dropdown_linkbg.gif) no-repeat 10px center;
}
 

Código HTML:

<div id="menu">
    <ul class="topnav">
        <li><a href="opcion1.php">Opcion1</a></li>
        <li>
            <a href="opcion2.php">Opcion2</a>
            <ul class="subnav">
                <li><a href="opcion21.php">Opcion21</a></li>
                <li><a href="opcion22.php">Opcion22</a></li>
            </ul>
        </li>
        <li>
            <a href="opcion3.php">Opcion3</a>
            <ul class="subnav">
                <li><a href="opcion31.php">Opcion31</a></li>
                <li><a href="opcion32.php">Opcion32</a></li>
            </ul>
        </li>
        <li>
            <a href="opcion4.php">Opcion4</a>
            <ul class="subnav">
                <li><a href="opcion41.php">Opcion41</a></li>
                <li><a href="opcion42.php">Opcion42</a></li>
            </ul>
        </li>
    </ul>
</div>
 

Muchas Gracias!