title: How to float (left/right) 3 divs without space between them?
body: <p>My navbar (940px for instance) contains 3 divs :</p>
  
  <ul>
  <li>One aligned left (automatic sizing) containing a menu</li>
  <li>One aligned right (defined size, 100px for instance) containing a logo</li>
  <li>One (automatic sizing) containing an input[type="text"] that should stick to left and right divs</li>
  </ul>
  
  <p>Each div will have a different background/opacity, there must not have overlapping between them.</p>
  
  <p>He is a drawing about what I need :</p>
  
  <pre><code>+------------------+-------------------------------------------+-----------------+
  |       MENU       |      INPUT TYPE TEXT (width: 100%)        |       LOGO      |
  +------------------+-------------------------------------------+-----------------+
  </code></pre>
  
  <p>Do you have an idea on how to do that? Thanks in advance.</p>