[css] Verschillende html parsing FF en IE

[Systemizer X100]

Ik ben nu een tijdje bezig met CSS en HTML enzo, maar wat ik nog steeds niet begrijp is hoe ik kan vermijden dat mijn website er anders uitziet in Firefox dan in Internet Explorer.

Ik heb bijvoorbeeld deze code:

div.menu {
position:absolute;
left:20px;
top:20px;
border: 3px solid #999999;
background-color:#cccccc;
width: 150px;
padding:5px 10px 5px 10px;
}
div.content {
position:absolute;
right:20px;
top:20px;
border: 3px solid #999999;
background-color:#cccccc;
width: 540px;
padding:5px 10px 5px 10px;
}

Leuk, in IE wordt alles goed weergegeven enzo, maar in Firefox zie ik dat het menu ruim 10 tot 15 pixels breder en dus gedeeltelijk achter 'content' staat.

Dit soort dingen snap ik niet, maar hoe kan ik het fixen?
Ik begrijp wel dat de IE engine en de Gecko engine anders de HTML parsen, maar kom, het moet toch te omzeilen zijn?

 

[teacher]

Het heeft te maken met een verschillende interpretatie van de afmetingen van het box model (inhoud, binnenranden, marges, paddings buitenranden)...

leesvoer

t.

 

[Systemizer X100]

Hmm, ik begrijp het toch niet helemaal.
Moet ik nou eerst een grotere width invoeren die ik niet wil hebben, en daarna de juiste?