title: Extra White Space Appearing Only On IE8
body: <p>I've been doing some cross browser testing for a webpage I'm working on for a client, and things are going pretty smoothly so far. However, I'm noticing a lot of white space showing up only in IE8 at the bottom of my #main div. I've tried removing the padding at the bottom of the div using an IE8-specific stylesheet, but it's not removing the gap. Developer toolbar shows that the style is being applied, and before trying the IE8-specific sheet, I removed the padding via the developer toolbar and it worked fine, but once applying the actual style it doesn't. I'm not seeing this bug in any other browser, and so far I've tested with: Firefox (OS X/Win XP), Safari (OS X/ Win XP), Chrome (OS X/Win XP), Internet Explorer 7, and Internet Explorer 8. I've also tried negative margins, and just moving the boxes down so there's less of a gap on both sides. Neither seem to move the boxes at all. So, its a bit confusing. Here's a pic of it in IE 8:
  <img src="https://i.stack.imgur.com/Fe4E6.jpg" alt="alt text"></p>
  
  <p>And here's how it shows up in any other browser (this screenshot is from IE 7):</p>
  
  <p><img src="https://i.stack.imgur.com/s0Vms.jpg" alt="alt text"></p>
  
  <p>The site can be browsed live <a href="http://www.savagefreelance.com/fuel_tank/" rel="nofollow noreferrer">here</a>.</p>
  
  <p>Any help is greatly appreciated!</p>