Buggfri div, som ligger fixerad i webbläsarens nedkant

Hej!

Long time no see.

Jag har byggt en sida:
http://www.gamestop.se/~problem/

Sidan är byggt i strict XHTML och allt fungerar perfekt... Nästan.

I botten på sidan har jag en png bild (Den röda glowen). Meningen är att den alltid ska ligga centrerad i nederkant på webbläsaren. Det gör den också, utom när man gör webbläsaren så pass liten i höjdled att det blir scroll och scrollar ned. Då ligger bilden kvar i en fast position och slutar följa webbläsarens nedkant.

Klassen för diven ser ut så här:

.bottom {
	height: 54px;
	width: 100%;
	position: absolute;
	bottom: 0;
	background: url(img/bottom_glow.png) no-repeat bottom center;
}

(Ni kan enkelt se all kod via länken ovan)

Har prövat med relative och massa andra skumma lösningar utan att hitta en direkt bra lösning, utan buggar, där en div alltid följer webbläsarens nedkant. Såväl när man ändrar fönstrets storlek samt scrollar. Detta är det närmsta jag kommit hittills. See bifogad bild som exempel.

Något tips, det känns som att jag gått in lite i väggen? Har sökt av halva internet utan att hitta en bra lösning på detta. Alla vettiga lösningar är välkomna!