Textbox im Firefox verschoben | CSS

Pez

Problem gelöst!

Hallo.

Hab folgendes Problem bei diesem Code. Die Textbox wird im IE "richtig" angezeigt. Im Firefox ist sie jedoch nach oben verschoben und hinter der Bannerbox.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<link href="kendl.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="mainbox">

<div id="logobox"></div>
<div id="bannerbox"></div>
<div id="navigationbox1"></div>
<div id="navigationbox2"></div>
<div id="navigationbox3"></div>
<div id="textbox"></div>
<div id="contactbox"></div>

</div>
</body>
</html>

CSS:

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;

}