Plaçement de bloc cote à cote

Bonsoir j'ai un petit soucis inexplicable pour moi......... j'ai placer le header ensuite j'ai mit un conteneur qui a une width 900px, j'ai mits en plaçe le menu horizontal en dessous du header, jai placer un contenu a gauche avec une width de 230px..
mintenant j'essaye de placer 2 autre contenu avec une largueur différente à la droite du 1er, impossible
j'ai essayé les float mais rien ne s'affiche. peut-ètre j'ai mal coder mon html ou css
serieux sa me rend dingue
kelkun aurait une solution à mon problème merçi d'avance.......

<div id="header"></div>
<div id="conteneur">
<div id="menu">
<ul>
<li><a href="accueil.html">Accueil</a></li>
<li><a href="voyance-gratuite.html">voyance gratuite</a></li>
<li><a href="consultations.html">Consultations</a></li>
<li><a href="retour-affectifs.html">Retour affectifs</a></li>
<li><a href="horoscope-du-jour.html">Horoscope</a></li>
<li><a href="boutique.html">Boutique</a></li>
<li><a href="voyants.html">Voyants</a></li>
</ul>
</div> <!-- FIN DIV "menu" -->
<div id="contenu">
<img src="image/logo-selene.png" align="center"/>
<a href="tirage-des-tarots.html"><img src="image/tirage_des_tarots.png" align="center"/></a>
<a href="tirage-des-runes.html"><img src="image/tirage_des_runes.png" align="center"/></a>
</div> <!-- FIN DIV "contenu" -->
<div id="contenu-m">
</div>
</body>
</html>

body{
background:url(image/fond-de-page.jpg) repeat-x;
background-color:#223671;
margin-top:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
}

#header{
height:185px;
background:url(image/header.jpg) no-repeat top center;
}


#conteneur{
width:900px;
background:url(image/contenu-haut.jpg) repeat-y top left;
margin:auto;
margin-top:0px;
}


#menu ul{
width:988px;
height:25px;
margin:0 -38px;
}

#menu ul li{
list-style:none;
float:left;
margin-top:0px;
}

#menu ul li a{
display:block;
width:128px;
height:23px;
text-decoration:none;
color:#FFFFFF;
background:url(image/btn-deco.jpg) no-repeat top left;
text-align:center;
line-height:23px;
font-family:Helvetica, Verdana, Sans-serif;
font-size:14px;
}

#menu ul li a:hover{
background:url(image/btn-deco-h.jpg) no-repeat top left;
color:#283873;
}

#contenu{
width:230px;
background:url(image/haut-img.png) repeat-y top left;
margin:15px;
margin-left:2px;
text-align:justify;

}
a img{
border:none;
}

#contenu-m{
width:400px;
background:url(image/contenu.jpg) repeat-y top left;
}