Auf der Seite
fsl.l5m.de
konnte ich für den IE6 schon die PNG-Transparenz durch DD_belatedPNG beheben, aber ein Problem bleibt:

die Slideshow bricht im IE6 immer um hinter dem Logo, da #header_left sich auf die vollen 220px ausdehnt die das enthaltene #logo div hat.
kann ich das irgendwie unterbinden?

Danke schonmal für eure Lösungsvorschläge.


P.S.:
Falls sich jemand die Mühe macht den css-validator zu nutzen:
ja, ich weiß da gibt es noch Fehler, die betreffen aber nur die Opacities und sind evtl. noch durch CCs lösbar.

irgendwas geht da mit dem belated schief, was interessant zu untersuchen wäre. Aber overflow:hidden auf dem #header-left sollte helfen.

Ansonsten wäre es vielleicht noch möglich, statt dem #header-left lieber dem #header das position:relative zu geben und dann dem #header-left lieber margin-left:-40px statt left:-40px.

Irgendwie hast du da recht viele divs angesammelt.

__________________
Ingo Chao

Buch: Fortgeschrittene CSS-Techniken

overflow:hidden auf #header_left schneidet leider den überstehenden roten Strich ab, geht also nicht.

Auch wenn deine 2. Idee nicht ganz genauso funktioniert hat, hat sie mich doch zur Lösung gebracht:
#header_left bekommt position:relative statt #logo und #logo bekommt margin-left:40px statt left:-40 und top:0

Bleibt einzig, dass im ie6 oben kein Abstand ist zum Rand des Browserfensters und rechts das dunklere Grau über den Schatten hinausragt...

Danke soweit!