IE=goed en FF=nietgoed

ja ik heb niet echt een duidelijke titel maar ik licht het ff toe

mijn vader vroeg laatst of ik een site wilde maken voor een muscical die hij helpt organiseren. dit vond ik wel leuk dus ik ging meteen aan de slag. nu zit ik met een volgende probleem internetexplorer (6 + 7) doet het wel gewoon goed maar firefox (en opera) laat ruimte tussen een paar balkjes.

wie weet hoe dit komt? ik heb al verschillende dingen geprobeerd.

de site staat op http://www.gifit.nl/jozef/

en hier is de css code voor de makkelijkheid.

,alvast bedankt tim


css-code:
[i]

.style3 {
position: relative;
left: 30px;
top: 100px;
width: 610px;
height: 100px;
margin-left: 50px;
}
.style4 {
color: #FFFFFF;
}
.hoofddiv {
padding:0px
}
.hoofd1 {
position:absolute; left:90px; top:120px; width:610px; height:100px;
}
.hoofd2 {
color: #FFFFFF;margin-left:90px; margin-right:90px; margin-top:120px; padding:0px;

}
.style2 {
text-align: center;
}
.headerdiv{
background-image:url('header.gif');background-repeat:no-repeat; height: 250px; width: 800px; text-align:left;
}
.midden {
position:relative; top:0px;background-image:url('binnenkant.gif');background-repeat:repeat-y; width: 800px; text-align:left;
}
.midden2 {
position:relative; top:0px;margin-left:60px; margin-right:60px; margin-top:0px;margin-bottom:0px;

}
.onderkant {
background-image:url('onderkant.gif'); background-repeat:no-repeat; height: 70px; width: 800px; margin-top:0px;margin-bottom:0px;

}
.navbar {
background-image:url('navbar.gif');background-repeat:no-repeat; height: 25px; width: 800px;text-align:left; margin-top:0px;margin-bottom:0px;
}
.navbar2 {
margin-left:50px; margin-right:50px; text-align:center; margin-top:0px;margin-bottom:0px;
}
.navbar3 {
background-image:url('navbar/bovenkant.gif');background-repeat:no-repeat; height: 12px; width: 175px; margin-top:0px;margin-bottom:0px;
}
.navbar4 {
background-image:url('navbar/midden.gif');background-repeat:repeat-y; width: 200px; margin-top:0px;margin-bottom:0px;
}
.navbar5 {
margin-left:35px;margin-right: 35px;margin-bottom:5px;margin-top:5px; margin-top:0px;margin-bottom:0px;
}
.navbar6 {
background-image:url('navbar/onderkant.gif');background-repeat:no-repeat; height: 26px; width: 200px; margin-top:0px;margin-bottom:0px;
}


a:link { text-decoration:none; color:blue;
}
a:active { text-decoration:none; color:blue;
}
a:visited {text-decoration:none; color:blue;
}
a:hover { text-decoration:underline; color:blue;
}

.navbar2 a:link { text-decoration:none; color:black;
}
.navbar2 a:active { text-decoration:none; color:black;
}
.navbar2 a:visited {text-decoration:none; color:black;
}
.navbar2 a:hover { text-decoration:underline; color:black;
}