title: How do I remove the space between two CSS floats?
body: <p>I have a page designed for tabbed page navigation. The top tabs are <code>&lt;li&gt;</code>s in a <code>&lt;ul&gt;</code> and nested in parent divs and a topmost header div. The header div consists of 3 child divs, <code>logo</code>, <code>logo2</code>, and <code>menu</code>. The logo div is set to float left and other two to float right. But there is some unwanted space (or a fluid gap) between <code>logo2</code> div and <code>menu</code> div. I want no space (or a space of single px) between these divs. You can see a working fiddle <strong><a href="http://jsfiddle.net/blasteralfred/wVBxy/" rel="nofollow noreferrer">here</a></strong>. How can I solve this?</p>
  
  <p>I am getting this</p>
  
  <p><img src="https://i.stack.imgur.com/c3MAK.jpg" alt="enter image description here"></p>
  
  <p>and I want this</p>
  
  <p><img src="https://i.stack.imgur.com/GUNUg.jpg" alt="enter image description here"></p>