Unterschiedliche Ansicht in Firefox und IE9

[Chiggy]

Ich habe mit meinem Layout ein Problem so sieht es unter firefox aus: http://www.bilder-space.de/bilder/5b51e6-1348747095.png so sollte es auch ausehen.
Im IE9 hingegen sieht es so aus: http://www.bilder-space.de/bilder/aee601-1348747234.png nun sollte der rot markierte abstand nicht vorhanden sein...

Ich habe schon mehrere Seite für meine Homepage herstellt und dieser Unterschied zwischen Firefox und IE9 taucht immer wieder auf:
Firefox: http://www.bilder-space.de/bilder/6bc372-1348747367.png
IE9: http://www.bilder-space.de/bilder/de377f-1348747385.png

die rot markierten bereiche sollten wie im Firefox sein und nicht wie im IE9...

Es ist meine erste Homepage, bin alleine relativ weit gekommen aber da weiss ich einfach nicht weiter, habe schon verschiedene Seite mit Lösungsvorschläge gefunden doch Lösungen wie display: inline oder margin: 0 und padding: 0 im Universalselektor funktionieren einfach nicht.

Hier die Links zu den html- und css-Dateien:

index
Style-Datei
geschichte.htm