dropdown wel in Firefox, niet in IE?

[Leeuwenhart]

Ik heb een dropdown menu met zowel verticale als horizontale dropdown. In Firefox werkt zowel het verticale als het horizontale, in IE alleen het verticale. Ziet iemand wat ik fout doe?

HTML:

<div id="menuomvatter">
                        <div id="button_algemeen">
                            <a href="#" id="link_algemeen">Algemeen</a>
                            <div id="dropdown_algemeen"> (dit is de div met het verticale menu)
                                <div class="menuitem" id="menuitem1">
                                    <a class="menu" href="#">Optie 1</a>
                                    <div id="menu_rechts_1"> (dit is de div met het horizontale menu)
                                        <a class="menu" href="#">test</a>
                                        <a class="menu" href="#">test</a>
                                        <a class="menu" href="#">test</a>
                                        <a class="menu" href="#">test</a>
                                    </div>
                                </div>
                                <a class="menu" href="#">Dit is optie 3</a>
                                <a class="menu" href="#">Dit is optie 4 van het eerste menu</a>
                            </div>
                        </div>

CSS:

a.menu{
    display: block;    width: 100%;    height: 20px;    margin: 0px;    padding: 0px;    font-family: 'Verdana',sans-serif;    font-size: 13px;    color: #ffffff;    text-decoration: none;
}
a.menu:hover{
    background-color: #000000;
}

div#menuomvatter{
    position: relative;
    width: 980px;
    height: 30px;
    margin: 0px auto 0px auto;
    z-index: 10;
}


div#button_algemeen{
    margin: 0px;
    position: relative;
    width: 99px;
    height: 30px;
    float: left;
    text-align: center;
}
div#menuomvatter a#link_algemeen{
    display: block;    width: 100%;    height: 100%;    line-height: 30px;    margin: 0px;    padding: 0px;    font-family: 'Verdana',sans-serif;    font-size: 15px;    color: #333333;    text-decoration: none;
}
div#menuomvatter a#link_algemeen:hover{
    color: #84b3c3;
}
div#menuomvatter div#dropdown_algemeen{
    padding: 5px;    position: absolute;    width: 250px;    left: 0px;    top: 30px;    background-color: #333333;    border: 333333 2px solid;    border-bottom: transparent;    opacity: 0.85;    filter: alpha(opacity=85);    text-align: left;
}
div#menuomvatter div#button_algemeen div#dropdown_algemeen div#menuitem1{
    position: relative;
    width: 100%;
}
div#menuomvatter div#button_algemeen div#dropdown_algemeen div#menuitem1 div#menu_rechts_1{
    padding: 5px;    position: absolute;    width: 250px;    left: 250px;    top: 0px;    background-color: #333333;    border: #333333 2px solid;    border-bottom: transparent;    opacity: 0.85;    filter: alpha(opacity=85);    text-align: left;    padding-left: 20px;
}
div#menuomvatter div#dropdown_algemeen,
div#menuomvatter div#button_algemeen div#dropdown_algemeen div#menuitem1 div#menu_rechts_1{
    display: none;
}
div#menuomvatter div#button_algemeen:hover div#dropdown_algemeen,
div#menuomvatter div#button_algemeen div#dropdown_algemeen div#menuitem1:hover div#menu_rechts_1{
    display: block;
}