title: CSS: how to get two floating divs inside another div
body: <p>I'm sure this a common problem, but couldn't find the exact answer :)</p>
  
  <p>I have two divs inside another div. I want the two divs to be on the same level, one floating to the left and the other to the right. But they won't get inside the parent div unless I use <code>position: absolute</code> on the parent. But then the child-divs won't stay on the same level :S</p>
  
  <pre>
  #main {
      margin-left: 30px;
      margin-top: 20px;
      position: absolute;
  }
  
  #left_menu {
      width: 150px;
      float: left;
  }
  
  #content {
      margin-left: 20px;
      float: right;
      border: 1px solid white;
  }
  
      &lt;div id ="main"&gt;
      &lt;div id ="left_menu&gt;&blablabal&lt;/div&gt;
      &lt;div id ="content"&gt;blablb&lt;/div&gt;
      &lt;/div&gt;
  </pre>