[CSS] border color doet layout veranderen in IE

[Verwijderd]

Hoi,

Ik was toevallig wat aan het experimenteren met de layout van onze site en tot men grote verandering ben ik op een vreemd CSS probleem gestoten (allesinds vreemd voor mij)

Zoals je kan zien op http://hoaxer.be/dev/ werk ik met een dropdown css menu dat zijn werk doet in IE7 & FF (wat betreft dat er nog betere css mogelijk is laat ik hier even buiten dicussie)

Nu als je dieper in de CSS duikt zie je staan

Cascading Stylesheet:

#siteNav ul li a { 
    display: block; 
    height: 38px; 
    width: 112px; 
    text-indent: -9000px; 
    text-decoration: none; 
    border-bottom: 1px solid #777776;
}

De onderste waarde zou eigenlijk van kleur #777777 moeten hebben maar dan wordt het dropdown menu plots rechts gepositioneerd in Internet Explorer

Iemand een idee? Google brengt me niet echt wijzer

[MoietyMe]

offtopic:
iedereen weet toch dat de kleur #777777 breder is dan de andere kleuren

Heel vaag probleem. Probeer eens #777.

[DoubleJ]

IE6 gaat niet goed om met het CSS box model. Waar Firefox een box van 20px met een border van 1 px aan alle kanten netjes weergeeft als 22px (incl border) maakt IE6 er een box van 18px + 2 px = 20px van.


Ik moet eerst topic goed lezen.. excuus

[ Voor 9% gewijzigd door DoubleJ op 22-11-2007 00:07 ]