Vraagje...

De site van mn vriendin klik wordt in IE8 niet goed weergegeven. In IE7, Firefox en Chrome is de visualisatie goed. Alleen in IE8 gaat het 'topmenu' op de hobbel....zie bijlagen

Is dit een bug in IE8? Of is hier een 'work-around' voor? De code is vrij simpel.....

bvd

Jij hebt dit:

#menu LI
display: inline;

Dat zijn die wortels boven contact (in IE8), waarom zie ik deze niet in IE7? Als ik die code uitzet (die hierboven staat), staat ie goed. Maar in FF heb ik niet gekeken.

Groet

Firefox op de Mac heeft zelfde probleem als IE8 zie ik. Denk uitlijning in je CSS niet goed is zoals Jeroen Burgers zegt.

Bij mij IE8 is goed,Chrome en Safari ook goed maar bij FireFox 3.5 is niet goed...

Probeer met dit

Code:

 #menu li {
    display: inline;
    font-size: 13px;
    font-weight: bold;
    text-transform: none;
}

#menu a {
    display: block;
    float: left;
    padding: 20px 20px 0 20px;
    text-decoration: none;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
    text-transform: none;
}

Probeer dit maar eens:

#menu li { float: left; background: none; padding-left:8px; }

Dit was probleem: ul li { padding-left: 15px; }

Oplossing: ul li {
background: url(images/carrot.gif) no-repeat 0px 7px;
padding: 0px;
}