title: Margin displayed differently in IE and Mozilla
body: <p>Is margin treated differently in IE and Mozilla ? Because when I tried Mozilla 3.6 displaying margin correctly but IE 8 stretching it too far.<br>
  Here is my code  </p>
  
  <pre><code>&lt;div id="searchCriteria"&gt;  
  &lt;table width="100%" border="1"  bordercolor="#64A4F5"&gt;       
  &lt;/table&gt;
  &lt;/div&gt;  
  &lt;div id="searchResult"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my css  </p>
  
  <pre><code>#searchCriteria{  
          height:24%;  
          width:100%;  
          float: right;  
          display: block;  
          font-family:  
          verdana,arial;  
          font-size: 12px;
  }
  
  #searchResult{  
          height:70%;  
          width:100%;  
          float:right;  
          display:block;  
          margin-top:15px;  
          margin-bottom:5px; 
  }
  </code></pre>
  
  <p>Margin between <code>searchCriteria</code> and <code>searchResult</code> div is getting stretched in IE but working fine in Mozilla.<br>
    (It looks like in IE some space is coming between <code>table</code> element and <code>searchCriteria</code> div)  </p>