Content im Div-Container wird unter der Navigation angezeigt (IE 7)

Cyberm@ster

New member
Hi, dies ist meine erste Homepage mit PHP/CSS, ich hoffe ihr könnt mir helfen. Im Firefox wird alles richtig angezeigt, aber der Internet Explorer zeigt den Content-Container unter der Navigationsleiste an... Ich poste mal die CSS-Datei und die Hauptseite (die Homepage ist noch nicht online).

PHP:
<html>
 <head>
  <meta http-equiv="content-type" content="text/html" charset=ISO-8859-1">
  <meta name="keywords" lang="fr" content="">
  <title></title>
  <link rel="stylesheet" type="text/css" href="style.css">
 </head>

 <body>

  <div id="sitebox">
   <div id="header">
   </div>

   <ul id="navigation">
    <li><a href="index.php">Accueil</a></li>
    <li><a href="index.php?page=profil">Mon profil</a></li>
    <li><a href="index.php?page=approche">Approche générale</a></li>
    <li><a href="index.php?page=cible">Clientèle cible</a></li>
    <li><a href="index.php?page=legislation">Cadre légal</a></li>
    <li><a href="index.php?page=contact">Contact</a></li>
   </ul>

   <div id="content">
    <?php
    	switch ($_GET["page"])
    	{
    	 case profil : 		include 'docs/fr/profil.php';
    	 	  		  		break;
		 case approche : 	include 'docs/fr/approche.php';
							break;
		 case cible :		include 'docs/fr/cible.php';
							break;

	     case banques :		include 'docs/fr/banques.php';
							break;
	     /*case editeurs :	include 'docs/fr/editeurs.php';
							break;*/
	     case etablis :		include 'docs/fr/etablis.php';
							break;
	     case futurs :		include 'docs/fr/futurs.php';
							break;
	     case particuliers :include 'docs/fr/particuliers.php';
							break;

	     case legislation : include 'docs/fr/legislation.php';
    	 					break;
    	 case contact :		include 'docs/fr/contact.php';
    	 					break;
    	 default :			include 'docs/fr/accueil.php';
   }
  ?>
 </div>

 <div id="footer">
  <?php
  	include 'docs/fr/footer.php';
  ?>
 </div>

 </div>

 </body>
</html>

PHP:
body {
    width: 100%;
	color: black; background-color: silver;
    font-size: 11pt; font-family: Arial,sans-serif;
    text-align : center;
	}

p {
	margin: 0px 0px 1em; padding: 0px;
	color:white;
	font-size: 11pt; font-family: Arial,sans-serif;
	text-align : left;
}

div#sitebox {
    width: 660px; min-height : 585px;
    height : auto;
    margin: 20px auto; padding : 20px;
    text-align: center;
	background-color: #333;
	}

div#header {
	margin : 0px 0px 20px; padding : 0px;
	border : none;
    background: url("images/header.gif") no-repeat;
    height : 145px;
	}

/*div#header h1{
    margin: 0; padding: 0;

    /*border: none;
    color : white;
    text-align: center;
    font-size: 12pt;

	}*/

ul#navigation {
	width: 140px;
    margin: 0px; padding: 0px;
    float: left;
    border: 1px dashed silver;
    background-color: #693;/*#69f;*/
    font-size: 11pt;
	}

ul#navigation li {
   margin: 0px; padding: 0px;
   list-style: none;
   }

ul#navigation a {
    padding: 5px 0px;
	display: block;
    text-decoration:none;
    color:white
  	}

ul#navigation a:hover {
    color: #333; background-color: white;
    font-weight: bold;
  	}

/*div#infobox {
	width: 140;
    margin : 0; padding : 10;
    float: right;
    border : 1px dashed silver;
    background-color : #69f;
	}*/

div#content {
    width:476px;
    min-height : 300px;
    height : auto;
    margin: 0px 10px 0px 160px; padding: 10px;
    border: 1px dashed silver;
    background-color: #693;
	}

#content h1 {
	margin: 0px 0px 1em; padding: 0px;
	color:white;
	font-size: 12pt; font-family: Arial,sans-serif; font-weight : bold;
	text-align : left;
	}

#content h2 {
	margin: 0px 0px 1em; padding: 0px;
	color:white;
	font-size: 11pt; font-family: Arial,sans-serif; font-weight : bold;
	text-align : left;
	}

#content ul {
	list-style : inside circle;
	color : white;
	text-align : left;
	}

#content a {
	color: white;
	text-decoration : underline;
	/*background-image : url('images/link.gif');
	background-repeat : no-repeat;
	padding-left : 18px;*/
}

#content a:hover {
	color: #333;
	background-color:white;
}

* html div#content {
	height: 300px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
	}

div#footer {
	margin : 20px 0px 0px; padding : 10px;
	border : none;
    background-color: #693;
    height : 60px;
	}

div#footer p{
	text-align : center;
	font-size : 9pt;
	font-family: Arial,sans-serif;
	color : white;
	}

// Edit: Zum einen hatte ich vergessen den Doctype anzugeben, zum anderen hab ich mit
Code:
<!--[if ie]>
  <link rel="stylesheet" type="text/css" href="style_ie.css">
  <![endif]-->
ein extra Stylesheet für den IE eingebunden. Jetzt hab ich eine Darstellung mit der ich leben kann.
 
Oben