title: How to remove an invisible space between div tags
body: <p>I have built several web sites and now i am having newbie problem that is driving me nuts...</p>
  
  <p><strong>Here's my code:</strong></p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="page"&gt;
  &lt;div id="page_wrapper"&gt;
  
      &lt;div id="header"&gt;
          &lt;h1&gt;Heading 1&lt;/h1&gt;
      &lt;div class="clear_both" /&gt;&amp;nbsp;&lt;/div&gt;
      &lt;/div&gt;&lt;!-- end #header --&gt; 
  
      &lt;div id="main_menu"&gt;
          &lt;p&gt;Here goes the main menu&lt;/p&gt;
      &lt;div class="clear_both" /&gt;&amp;nbsp;&lt;/div&gt;
      &lt;/div&gt;&lt;!-- end #main_menu --&gt; 
  
      &lt;div id="left"&gt;
      &lt;/div&gt;&lt;!-- end #left --&gt; 
  </code></pre>
  
  <p><strong>And here's my CSS</strong></p>
  
  <p>First i have a CSS Reset template from here:
  <a href="http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css" rel="noreferrer">http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css</a></p>
  
  <p>and then on another file:</p>
  
  <pre><code>body, html {
      font: 10pt Verdana,Arial,sans-serif;
      background: #fff;
      margin: 0;
      padding: 0;
      text-align: left;
      color: #333;
  }
  div {
      line-height: 1.4em;
  }
  #page {
  
  }
  #page_wrapper {
  
  }
  #main_menu {
  
  }
  #left {
  
  }
  div.clear_both {
      margin: 0;
      padding: 0;
      font-size: 0;
      height: 0;
      line-height: 0;
      clear: both;
  }
  </code></pre>
  
  <p>And on the link below there is an image screenshot on which you can see the output... (i am working on a local server)</p>
  
  <p>There is an unexplainable space between the div tags I CANT REMOVE IT and it is driving me nuts... please can someone tell me how to remove it?
  I have tryed adding a negative top margin but from my previous experience it is not a solution... usualy seting the margin and the padding to 0 was enough... somehow now it is diferent :S</p>
  
  <p><img src="https://i.stack.imgur.com/jkYcY.png" alt="enter image description here"></p>
  
  <p><a href="http://makedonskarabota.com/gallery/div_space.png" rel="noreferrer">Unexplainable DIV space</a></p>