Kommt drauf an was Du mit "Crossbrowser" genau meinst. Für ein wenig ältere Browser wird es da wahrscheinlich keine Möglichkeit geben.
Das grösste (bzw. einzige) Problem bei den aktuellen Browsern ist der IE6. Dieser htc-Hack wird wahrscheinlich nicht mit Hintergrundgrafiken funktionieren, aber wie auch immer, so wäre es eh schöner:
Für alle anständigen Browser definierst Du im Contentbereich ein teiltransparentes PNG als HG. (Also der fluffige Schatten)
background-image:url(teiltransparent.png);
Speziell für den IE biegst Du dass dan in einem Conditional-Comment wieder hin. Dazu definierst Du eine nichttrasparente Grafik als HG, und legst einen Alpha-Filter drüber:
background-image:url(nichttransparent.png);
filter:alpha(opacity=xx);
Alternativ könntest Du auch anders herum vorgehen und für alle Browser eine nichttransparente Grafik definieren und dann mit den verschiedenen Angaben transparent machen:
filter:alpha(opacity=xx); <-IE Win ab 5.5
-moz-opacity:xx; <-Mozilla
opacity:xx; <-W3C-Standard
Dann müsstest Du jedoch zumindest für Opera eine transparente Grafik definieren, denn der kann leider noch immer keine Trasparenz.
Ich weis nun allerdings nicht wie es sich dann im Detail mit der Trasparenz der Inahlten verhält. Theoretisch müsste der Inahlt des Content-Containers ebenfalls transparent sein. Vlt. kann man das wieder richten indem man den Inahlt in einen weiteren Container stopft und hier die Transparenz wieder abschaltet.
die länge des gesamtcontainers ist nicht bekannt, da beliebig viel inhalt auf "einer seite" dargestellt werden kann.
Falls das ein Teil Deiner Frage war, dann schau Dir mal das an:
http://www.redmelon.net/tstme/4corners/ Ich hab das Beispiel vor einiger Zeit mit über 30 Browsern getestet, alles tutti.
Edit: Ach ja, was noch zu erwähnen wäre: Soche teiltransparenten Bereiche zehren ziemlich an der Performance. Da stockt mein drei Jahre alter P4 bei manchen Seiten sogar.
