title: IE8 float issue with CSS
body: <p>I'm sure this must have been covered before because I'm sure I'm not the first to do this, but I can't find the answer.  I am creating a shadow effect for a <code>&lt;div&gt;</code> using repeated background images.  In the bottom two corners I use small 9x5 px images.  I float them left and right and in Firefox and Safari they look perfect.  In IE8 (and possibly other IEs) they float too far to the left and right about about 3px.</p>
  
  <p>You can see the issue at <a href="http://www.stanwyck.net/ebay/ebaytemplates/cashew091009.html" rel="nofollow noreferrer">here.</a> It's an ebay template for my wife.</p>
  
  <p>Thus far I've tried setting display:inline which was a fix for a similar IE6 issues.  I also tried setting image margins and padding to 0px with no luck.</p>
  
  <p>Any ideas?</p>
  
  <p>Thanks,
  Carraig</p>