Extra White Space erscheint nur auf IE8

Question

Ich habe einige Cross-Browser-Tests für eine Webseite, an der ich arbeite für einen Client, und die Dinge laufen bisher ziemlich reibungslos. Allerdings merke ich sehr viel Leerraum, der nur in IE8 am unteren Rand meines #main div auftaucht. Ich habe versucht, die Auffüllung am Ende des Div mit einem IE8-spezifischen Stylesheet zu entfernen, aber es wird nicht die Lücke entfernt. Entwickler-Toolbar zeigt, dass der Stil angewendet wird, und bevor ich das IE8-spezifische Blatt ausprobierte, entfernte ich das Padding über die Entwicklersymbolleiste und es funktionierte gut, aber nach der Anwendung des aktuellen Stils tut es das nicht. Ich sehe diesen Fehler nicht in einem anderen Browser und bisher habe ich getestet mit: Firefox (OS X/Win XP), Safari (OS X/Win XP), Chrome (OS X/Win XP), Internet Explorer 7, und Internet Explorer 8. Ich habe auch negative Ränder versucht und die Kästen gerade unten bewegt, also gibt es weniger eine Lücke auf beiden Seiten. Keiner scheint die Boxen überhaupt zu bewegen. Also, es ist ein bisschen verwirrend. Hier ist ein Bild davon in IE 8:

Und hier ist, wie es zeigt, in jedem anderen Browser auf (dieses Bild ist von IE 7):

Die Website durchsucht werden kann live here .

Jede Hilfe wird sehr geschätzt!

Answer 1

@ David Savage:

<!--[if IE 8]> 
<style type="text/css"> 
    #small_boxes { 
     overflow: hidden; 
     padding-bottom: -150px; 
    } 
</style> 
<![endif]--> 

Kurz vor Ihrer Schließung </head> behebt das Problem für mich in

Putting.