Как да сложим 2 <div>-а един до друг

Благодарение на уеб-дизайнера Ангел Джорапов успях да поправя този проблем

 

Това се добавя в html-a

<div class="menubar">
  <div class="menubar-inner">
    <div id="leftop"><jdoc:include type="modules" name="leftop" style="none" /></div>
    <div id="navmenu">
<jdoc:include type="modules" name="top" style="none" />
    </div>
  </div>
</div>

a това в css

.menubar {
    background: url(../images/style2/navcontainer.png) repeat-x center top;
    position: fixed; 
    z-index:3;
}
div.menubar-inner {
    width: 964px; 
    margin: 0 auto;
}

#leftop {
    color:white;
    float:left;
    text-align:center;
    margin: 5px 0px 0px 0px;
    width:570px     ;
}
#navmenu {
    background: url(../images/style2/navcontainer.png) no-repeat left top;
    float:right;
    width:370px;
}

Врътката идва от div-a menubar-inner и margin: 0 auto;, (който между другото е равносилен на margin: 0 auto 0 auto; )