2.11.x [gelöst] Der liebe IE7

Der Tipp von magicsepp war die Lösung.
Ich musste dem Element nur noch zusätzlich eine passende Breite verpassen. :D

Hallo zusammen,

alles eine Frage der Ehre ... ;)
Nachdem ich nun eine ganze Weile rumgedoktort habe, um mit css3PIE die älteren IEs gütig zu stimmen, gelingt es mir nicht den IE7 in den Griff zu kriegen.

http://www.vorgebirgsschule.de/

Auf der Startseite sollten die 2 bis 3 Boxen für den Kalender und den Speiseplan auf der linken Seite eigentlich 16px Abstand haben (margin).
Übrigens genauso wie der Abstand nach links (margin:16px).
Der Abstand nach links ist in allen Browsern ok.
Die vertikalen Abstände zicken im IE7! :mad:
Manchmal schiebt sich auch der Inhalt der Boxen nach oben - die Begrenzungen des Containers ignorierend.
Ich habe *einige* Kombinationen mit weiteren Definitionen von float oder position:relative und Größenangaben versucht.
Aber die einzig wahre Kombination habe ich noch nicht gefunden.

Mit den anderen Styling-Gimmicks auf den Seiten (#main) bin ich bis jetzt halbwegs zurecht gekommen.

Ich bin Autodidakt und "darf" die Homepage unserer Schule basteln.
Ich weiß, das mein CSS-Konstrukt bestimmt noch vereinfacht werden kann. "I'll do my best. - Later ..."
Firebug wirft mir hauptsächlich Warnungen raus, die die browserspezifischen Sachen betreffen (-moz-border usw.)
Keine Fehler ...
Also nix Schlimmes?

Ich teste (meist) mit dem IE9, indem ich in den 7er oder 8er-Modus schalte ...

Ich habe hier im Forum gelesen, dass die .htc-Einbindung auch Probleme bereiten kann. Trotzdem.
Auf die runden Ecken und Schatten möchte ich ungern verzichten.
Sonst müsste ich mir ja ein echtes, gut gestyltes Layout überlegen ... ;)

Vielleicht hat ja jemand einen Tipp.

Grüße,
Klaros