Problem s float a zarovnanim

#container {
   position: relative;
   width: 800px;
   margin: 0 auto;
   text-align: left;
}
#logo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 800px;
  height: 165px;
  background-image: url("logo.jpg");
  background-color: #c8dfff;
  text-indent: -5000px;
  color: #000000;
}
#obsahcontainer {
  position: relative;
  width: 648px;
  top: 167px;
  text-align: center;
  margin: 0 auto;
}
#obsahtext {
  width: 617px;
  text-align: left;
  background-image: url("pozadietextu.gif");
  float: right;
}
#menu {
  width: 31px;
  height: 109px;
  text-align: left;
  float:left;
  background-image: url("kontakt.gif");
}

    <div id="container">     
      <div id="logo"></div>       
       
      <div id="obsahcontainer">
     
     
     
      <div id="menu"></div>
     
      <div id="obsahtext">
      bla bla bla
      </div>
     
      </div>
    </div>