Philipp16: Div mit Position:fixed in den Hintergrund

Beitrag lesen

Hallo,
ich habe ein neues Problem bei dem mir Google wieder nicht helfen konnte:

Ich möchte einen Div mit position:fixed; in den Hintergrund bekommen, aber der möchte nicht.

http://test.battlesoft.de/show.php?s=programme
(Bitte in Firefox anschauen, wenn möglich.)
Der rote Div (div#bottomgradient) ist gemeint. Der soll hinter den content (table#main). Dass div#bottom ganz vorne ist ist auch beabsichtigt, ist ja das Menü. Der große Farbverlauf soll aber nur außen (also nicht über dem Content) zu sehen sein.

http://test.battlesoft.de/test2/show.php?s=home
Da sieht man den Verlauf der später das rote ersetzt.

Ich habe schon z-index versucht, hat nicht funktioniert. Habe ein !important dahintergesetzt und immer schön position:-Angaben gemacht, weil das laut der Referenz hier nicht wirkt: Nix gebracht.

Noch zu erwähnen: Sowohl div#bottom als auch div#bottomgradient, also die die nicht mitscrollen, werden so etwas seltsam definiert:

div#bottomgradient{position:absolute; width:100%; bottom:0px; height:212px; z-index:2; background-color:#CC0000;}

#bottomgradient[id]{position:fixed; z-index:2;}

Das ist ein Workaround, funktioniert 1a mit IE, Firefox und Opera, aber leider nur ganz im Vordergrund...

Stylesheet: http://test.battlesoft.de/styles.css

Danke für eure Hilfe.
Viele Grüße
Philipp