Box wird "falsch" dargestellt im Firefox

[Pez]

komisch hatte eigentlich alles eingefügt - egal

body {margin:0; padding:0;}

.text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000;
}

.texthover {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000;
font-weight: bold;
}

.H1menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 12pt;
color: #FFF;
font-weight: bold;
}

.linkmenu {
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #FFF;
font-weight: bold;
}

.linkbody {
font-family: Arial, Helvetica, sans-serif;
font-size: 0,8em;
color: #000;
font-style: bold;
}

#mainbox {
width: 64em;
height: 48em;
background-color: #FFF;
}

#logobox {
width: 16em;
height: 6em;
background-image: url(logo.jpg);
background-repeat: no-repeat;
margin: 1em 0 1em 1em;
float: left;
display: inline;

}

#bannerbox {
width: 45em;
height: 6em;
background-image: url(banner.jpg);
background-repeat: no-repeat;
margin: 1em 0 1em 1em;
float:left;

}

#navigationbox1 {
width: 16em;
height: 10em;
background-image: url(box.jpg);
background-repeat: no-repeat;
border: 0em;
padding: 0em;
margin: 0em 1em 1em 1em;
float: left;
clear: both;
display: inline;
}

#navigationbox2 {
width: 16em;
height: 10em;
background-image: url(box.jpg);
background-repeat: no-repeat;
border: 0em;
padding: 0em;
margin: 0em 1em 1em 1em;
float: left;
clear: both;
display: inline;
}

#navigationbox3 {
width: 16em;
height: 10em;
background-image: url(box.jpg);
background-repeat: no-repeat;
border: 0em;
padding: 0em;
margin: 0em 1em 0em 1em;
float: left;
clear: both;
display: inline;
}

#textbox {
width: 32em;
height: 32em;
background:yellow;
border: 0em;
padding: 0em;
margin: 0em 1em 1em 17em;
}