Problème de <DIV> / placement dans la page !

En gros mes menus de gauche et de droite sont fait de plusieurs div eux même donc en gros je pourrais placer 3 div dans un gros div avec chacun a gauche, milieu et droite mais yen a plus que ça à placer.

Tiens je te montre le code mais par message privé ok ?

Voici mon code avec des modifications de Archeus, je n'ai pu encore le tester, travail sur une autre application en ce moment :


<!-- Le div de droite -->
<div style="height:100%;width:20%;float:right;" id="content">
toto
<div name="haut" style="height:200px;">
menu droit haut
</div>

<div name="milieu" style="height:400px;">
menu droit milieu
</div>
<div name="bas" style="height:200px;">
menu droit bas
</div>

</div>


<div style="height:100%;width:60%;float:right;" id="content">

<p>Bienvenue sur MangaWorld ! Ici vous trouverez des tas de mangas avec leur résumés ainsi que des wallpapers à télécharger. Il existe aussi un forum ou vous pourrez discuter de vos mangas préférés. Noubliez pas de vous inscrire, bonne visite !</p>

</div>

<br>

<!-- Les divs sont l'un dans l'autre-->
<!-- Le div du haut du menu de connexion -->

<div id="loginBox">
<div id="loginBoxTop" style="height:40px;width:21%;background:url('images/menu/myaccount_top.gif') no-repeat;"></div>
<div id="loginBoxContent" style="height:60px;width:21%;background:url('images/menu/myaccount_content.gif');">

<table cellspacing="0" cellpadding="0" border="0" width="138" align="center">

<form method="post" name="ilogin" action="ilogin.php">
<tr>
<td width="96" height="16" align="center" style="background:url('images/menu/bg_register_input2.png') no-repeat;"><input type="text" name="sname" tabindex="1" style="background-color:transparent; border:0; width:84px; height:14px; font:normal 10px Verdana; color:#333333;"/></td>
<td rowspan="3" width="2"></td>
<td rowspan="3" width="39"><a href="#" OnClick="document.ilogin.submit()"><input type="image" src="images/menu/btn_login.gif" border="0" /><a/></td>
</tr>
<tr>
<td height="3"></td>
</tr>
<tr>
<td height="16" align="center" style="background:url('images/menu/bg_register_input2.png') no-repeat;"><input type="password" name="spass" tabindex="1" style="background-color:transparent; border:0; width:84px; height:14px; font:normal 10px Verdana; color:#333333;" /></td>
</tr>
</form>
</table>

</div>
<div id="loginBoxBottom" style="height:20px;width:21%;background:url('images/menu/myaccount_bottom.gif') no-repeat;"></div>
</div>


<!-- Le div du haut du menu de gauche -->

<div style="height:40px;width:21%;background-image:url(images/menu/submenu_home.gif)">

</div>

<!-- Le div du milieu du menu de gauche -->

<div style="height:250px;width:21%;background-image:url(images/menu/submenu_content.gif)">

<table>
<tr><td><a style="text-decoration:none;border:none;margin:20px;color:black;text-align:center;font-weight:bold" href="index.php">Accueil</a><br><td></tr>
<tr><td><a style="text-decoration:none;border:none;margin:20px;color:black;text-align:center;font-weight:bold" href="inscription.php">Inscription</a><br></td></tr>
<tr><td><a style="text-decoration:none;border:none;margin:20px;color:black;text-align:center;font-weight:bold" href="histoire.php">Histoire</a></td></tr>
<tr><td><a style="text-decoration:none;border:none;margin:20px;color:black;text-align:center;font-weight:bold" href="wallpapers.php">Wallpapers</a></td></tr>
<tr><td><a style="text-decoration:none;border:none;margin:20px;color:black;text-align:center;font-weight:bold" href="moncompte.php">Gérer mon compte</a></td></tr>
<tr><td><a style="text-decoration:none;border:none;margin:20px;color:black;text-align:center;font-weight:bold" href="livredor.php">Livre d'or</a></td></tr>

</table>

</div>

<!-- Le div du bas du menu de gauche -->

<div style="height:170px;width:21%;float:left;background-image:url(images/menu/submenu_bottom.jpg)">

</div>




</div>