problem s div

prykrat robim stranku v divoch a narazil som mozno pre vas na banalny problem. chcem aby boli dva divy vedla seba a to div menu a div ciaramenu. a stale mi ich uklada pod seba. prosim poradte mi.

CSS:

.ciaramenu
{
width: 18px;
height: 388px;
background-image: url(ciaramenu.jpg);
}

.menu
{
width: 134px;
height: 390px;
text-align: center;
}

.hlavny

{
float: left;
width: 716px;
border-left: 1px solid #7B745E;
border-right: 1px solid #7B745E;
margin: 0px 0px 0px 1px;
background-color: #F5F5F5;
}

Kod s tymi divmi:

<div class="hlavny">
<div class="menu">blabla
</div>
<div class="ciaramenu">
</div>
</div>

dakujem

uz som to vyriesil chybal mi float.