Vreemd IE gedrag met display:block

[Verwijderd]

Ik ben bezig met een nieuw sitedesign en stuit op een probleem met Internet Explorer (zoals meestal...).

Ik probeer heel simpel een linkje te krijgen met een display:block. Als er dan overgegaan wordt met de muis verandert de achtergrond van kleur. Zover alles goed. Nu doe ik er een margin bij, zodat de blocks niet allemaal aan elkaar staan. In FF werkt alles goed, IE slaat echter de margins over als er met muis overheen is gegaan.

Ik heb de volgende css staan:

code:

.menu_link {display:block;
            width:115px;
            height:20px;
            background:#E7E7E7;
            margin-bottom:2px;
            padding:2px 0px 0px 5px;
            
            color:#545454;
            text-decoration:none;
            font-family:Tahoma;
            font-size:12px;}
            
.menu_link:hover {background:#FFFFFF;}

Het probleem is te zien op: http://testing.360nieuws.nl
Als er met de muis van boven naar beneden gegaan wordt over het menu in IE verdwijnen de margins. Nog vreemder, als je dan weer van onder naar boven eroverheen gaat komen ze terug...

Kan iemand mij helpen het probleem te verhelpen/omzeilen?

[ZeilDude]

Ik heb 2 tips voor je:

• probeer het menu te maken met een lijst (kijk bijvoorbeeld even hier);
• gebruik in de namen van je classes/id's geen underscores. Dat gaat vaak mis.

[Verwijderd]

thanks, heb het vervangen door een lijst. Even de kleurtjes aanpassen aan hoe ik het wil nog, maar werkt perfect.