2 DIV alignées et IE ...

Bonjour,

Je ne suis pas ce que l on pourrait dire un graphiste mais plutot de programmeur ( ah mon grand regret ) d ou ma petite difficluté avec ces maudites DIV

Mon probleme est que je ne peut pas mettre 2 DIV au meme niveau sur IE ...
Mon site fonctionne parfaitement avec FF, mais la jai beau cherche sur les Forums : TIPOTA ...

voici mon appel de page :

<div id="container" >
<div id="header">
<div id="titre"><h1>MON SITE !!!</h1></div>
</div>

<div id="main_content">

**********************************
**********************************  ICI le MENU
**********************************

<div class="menu" id="menu">
<dl >

		<dt><a href="login.php">Login</a></dt>
			
		<dt onclick="javascript:montre('smenu2');">Gestion Agent</dt>

			<dd id="smenu2">
				<ul>
					<li><a href="#">Ajouter un agent</a></li>
					<li><a href="#">Ajouter fonction</a></li>

					<li><a href="#">Recherche d agent</a></li>
				</ul>
			</dd>	
	
</dl>

</div>


**********************************
**********************************  ICI le CONTENU
**********************************
<div id="main_content">

<div class="content">

		<h2 class="heading">Carte g&eacute;n&eacute;rale</h2>
                <img src="images/carte.png" alt="carte general" border="0" >
</div>
</div>

</div>

</div>

</body>
</html>

et la CSS associé :

#container {
	margin: 0 auto;
	width: 750px
}

.content {
	float: left;
	width: 510px;
	text-align: justify;
	padding: 0 30px 0 30px;
	font-size: 12px
}

.menu {
	width: 130px;
	float: right;
	padding: 0 20px 0 20px;
	border-left: #8C8484 1px dotted;
	font-size: 12px;
	text-align:left;




dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
color: #A40008;
}
#menu {
top: 0;
left: 0;
}

#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid #A40008;
background: #CACACA;
color: #A40008;
}
#menu dd {
border: 1px solid #A40008;
}
#menu li {
text-align: left;
background: #fff;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
}

#menu dt a {
color: #A40008;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover, #menu dt a:hover {
background: #eee;
}

Désolé pou la longueur du code mais je ne voulais pas laisser d inconnu

Y aurait il une propriété a la con qui ne soit pas prisen compte sous IE ou je ne sais quoi , qui va m empecher de me suiscider pour ce genre de conneries ...
Modifié par kyros35 (10 Jul 2007 - 18:19)

Tu as deux <div id="main_content">

Je pense que tu ne gere pas tes imbrication de div de la bonne facon. Pour y voir plus clair, essayer d'explorer le rendu avec firebug (une extension pour firefox).