Janke: Firefox anzeigefehler?

Beitrag lesen

Hallo, ich bin grade dabei eine Homepage zu basteln...

dabei habe ich folgendes Problem

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Creative Science</title>
<link rel="stylesheet" type="text/css" href="css.css">
<meta name="author" content="Jonas Reinke">
</head>
<body>
<div id="main">
 <div id="header" >HIER KOMMT DER BANNER HIN</div>
 <div id="navi"> <!-- INHALTS DIV -->
           <iframe id="navi" name="inavi" src="navi_start.html" frameborder=0></iframe>
         </div>
 <div id="content">
           <iframe id="content" name"icontent" src="inhalt_start.html" frameborder=0></iframe>
         </div>
<div id="footer">HIER KOMMT NEN ANDERER BANNER HIN</div>

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

mit folgender CSS dateI:

<style type="text/css">

<!--

body {height : 100%;
         width : 100%;
    }

iframe#content {height : 100%;
                   width : 100%;

}

div#navi   { height : 60%;
            width : 20%;
                float:left;

}
   div#header { height: 20%;
                width: 100%;
           background-color: #00AAAB;
              }

iframe#navi { height :100%;
    width: 100%;

}

div#footer  { height : 20%;
          width : 100%;
                background-color : #CCCCCC;
                float: left;
              }

div#content { width : 70%;
                height: 60%;
                float: left;

}

-->

</style>

------------------------------------------

wird bei mir im IE problemlos dargestellt.

Allerdings wird die Seite im Firefox sehr fehlerhaft dargestellt...

Weiß jemand wo das Problem liegt und wie man es beheben kann?