Problème avec un cadre Firefox/IE

Bonjour !

J'ai un petit problème de cadre.. Tout fonctionne parfaitement sur Firefox et mais sur IE... (Sans blague..) ! Donc voila, je vous laisse voir le résultat :

http://www.descouleurspourlavie.com/V3/index.html
http://www.descouleurspourlavie.com/V3/style_V3.css

Donc j'aimerais que sur IE, le résultat sois pareil que sur Firefox, merci d'avance

Salut,

Un peu pressé désolé... voir code

* { 
margin: 0; 
padding: 0;
}

#en-tete {
height: 125px;
background-color: #FF0000;
}

#infos {
width: 100%;
height: 25px;
background-color: #0000FF;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
}

#menu {
float: left;
width: 200px;
background-color: #666600;
}

#contenu {
background-color: #CC9900;
}

.texte {
margin-left:225px;
padding-top: 25px;
padding-bottom: 25px;
}

	<div id="en-tete">
		<h1>Des couleurs pour la vie</h1>
	</div>
	<div id="infos">
		<p>Date, heure</p>
	</div>
	<div id="contenu">	
	<div id="menu">
		<div class="lien_menu">
			<ul>
				<li><a href="#">Lien</a></li>
				<li><a href="#">Lien</a></li>
				<li><a href="#">Lien</a></li>
			</ul>
		</div>
	</div>
		<div class="texte">
			<h2>Titre de la page</h2>
			<p>De quelle couleur ai-je besoin aujourd'hui dans ma vie ?<br />
La couleur est un langage. Elle est un outil formidable afin de mieux se connaître. Elle nous parle de nous. Chaque couleur évoque un monde bien particulier.<br />
Découvrons les, découvrons leur sens en vue d'améliorer notre vie, notre communication, d'optimiser nos contacts professionnels.</p>
		</div>
	</div>	
	<div id="pied-de-page"></div>