Homepage selbermachen 7.851 Themen, 35.615 Beiträge

hallo

der hover effekt meines menus funktioniert im firefox, aber leider nicht im ie. woran könnte das liegen?

vielen dank für alle antworten!

mein css:

#menu{
width: 184 px;
height: 500 px;
margin-top: 4px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
border-top:1px solid #2F6FB7;
border-right:1px solid #2F6FB7;
border-bottom:0px;
border-left:0px;
padding: 0 px;
background-color: white;
}

#menu a{
color: #2F6FB7;
font-family: arial, verdana sans-serif;
margin-top: 0px;
margin-left: 4px;
margin-bottom: 0px;
margin-right: 0px;
padding-left:7px;
padding-top:0px;
padding-bottom:0px;
padding-right:0px;
text-decoration:none;
width:184px;
}

#menu .heading{
color: #2F6FB7;
font-family: arial, verdana, sans-serif;
font-weight: bold;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
margin-right: 0px;
padding-left: 4px;
text-decoration:none;
background: #CBDDF3;
width:184px;
}

#menu a:link .dot{
font-size:14px;
font-weight:bold;
color: #C5C5C5;
background: transparent;
}
#menu a:visited .dot{
font-size:14px;
font-weight: bold;
color: #C5C5C5;
background: transparent;
}

#menu a:hover .dot{
font-size:14px;
font-weight:bolder;
color: #2F6FB7;
background: transparent;
}

#menu a:active .dot{
font-size:14px;
font-weight: bold;
color: #2F6FB7;
background: transparent;
}

so hab ich das menu eingefügt:

<div id="menu">
 <span class="heading">Maschinenliste</span>
 <a href="maschine_insert.php"><span class="dot">&#8226;&nbsp;</span>Maschine Hinzuf&uuml;gen</a><br>
 <a href="maschine_edit.php"><span class="dot">&#8226;&nbsp;</span>Eintrag &auml;ndern</a><br>
 <a href="maschine_delete.php"><span class="dot">&#8226;&nbsp;</span>Maschine entfernen</a>
</div>