title: Css issue for IE8 - Odd space appearing between 2 divs in the header
body: <p>You can view the issue on:</p>
  
  <p><a href="http://www.caterinaligato.com/" rel="nofollow">http://www.caterinaligato.com/</a></p>
  
  <p>We can't reproduce the issue on IE7 or any of the Firefox versions. Using the DeveloperTool on IE8 its showing that the padding is inside the <code>&lt;div id="bannerArea"&gt;</code>, however, we have tried <code>#bannerArea * { padding:0; margin:0; display:block; }</code> and that hasn't helped.</p>
  
  <p>Please note that the 'Compatibility View' is off.</p>
  
  <p>If anyone has any advise that would be great!</p>