Interpretatie CSS door Browsers

Het is heel lastig merk ik om een CSS/HTML te schrijven die met alle browsers hetzelfde resultaat geeft. Blijkbaar lezen deze browsers de CSS toch niet hetzelfde. Ik ben er nog niet achter waar het in zit.

Ik beperk mezelf altijd tot IE (Internet Explorer) en Firefox, want mijn bezoekers gebruiken alleen deze browsers (of Netscape, maar dat is een combinatie van beide).

 Soms zijn de verschillen minimaal, maar soms heel groot.

Firefox lijkt makkelijker achtergrond-afbeeldingen te tonen bij menu-headers dan IE. Zo heb ik op mijn website www.HSV100jaar.NL bij artikel-headers een transparante achtergrond met een afbeelding van een groene punaise. IE toont dit niet, FireFox wel.

Ook sommige borders toont IE niet en FireFox wel.

IE interpreteert margins en padding soms weer anders.... heel vreemd ...

Ik hoop er nog eens achter te komen waar de verschillen in zitten en waarom niet alle browsers hetzelfde tonen.

Blijkbaar zitten ze bij IE en FireFox en alle andere browsers hetzelfde wiel uit te vinden.. beetje dom toch?