[CSS] IE menu hover style probleem

[Sn0rkel]

Mijn CSS styled menu ziet er in FireFox prima uit, IE daarentegen... de hover kleur wordt niet bij alle items (volledig) weergegeven.

Gevonden 'oplossingen' krijg ik niet werkend dus open ik hier maar een topic. De suggestie om UL padding weg te halen levert me bijvoorbeeld een ongewenste inspring op...

De site:
http://www.interspin.nl/tqFilo/Mattijs/main.php

Het menu:

code:

      <div id='nav'>
            [img]''[/img]<ul>
                <li><a href=''>Welkom</a></li>
                <li><a href=''>Inleiding</a></li>
                <li><a href=''>Tijdbalk</a></li>
                <li><a href=''>Praktijk</a></li>
                <li><a href=''>Interactief</a></li>
                <li><a href=''>Achtergrond</a></li>
            </ul>[img]''[/img]
        </div>

De css:

code:

/* menu stijlen */
div#nav ul {    margin: 0;
                padding: 0;
                list-style: none;
                background-color: #202020; }

div#nav ul li { font-size: 100%;
                margin: 0px;
                background-color: #202020;
                border-bottom: 1px solid black;
                font-weight: normal; }

div#nav ul li a {
                display: block;
                text-decoration: none;
                padding: 10px 10px 10px 20px;
                font-size: 100%;
                color: #996633;
                font-family: Tahoma, sans-serif; }

/* menu hover style */
div#nav ul li a:hover {
                color: #996633;
                background-color: #D3D3D3; }

Iemand een idee?

[ Voor 15% gewijzigd door Sn0rkel op 08-01-2005 13:09 ]

[crisp]

geef je anchor een width/height

[Sn0rkel]

Ok, nu zit ik dus weer met mijn vorige probleem: de padding in IE is niet erg lekker, en in FireFox krijgt de LI een inspring van ca. 30 pixels...

Recente CSS

[chris]

Het is erg handig als je er ook een htmlbestand bij zet zodat mensen sneller kunnen zien wat er fout is

[Sn0rkel]

chris schreef op zaterdag 08 januari 2005 @ 13:46:
Het is erg handig als je er ook een htmlbestand bij zet zodat mensen sneller kunnen zien wat er fout is

Zie ook de openingspost...