Div onderin de pagina, niet scherm

Hoi,

ik heb me suf gezocht naar mogelijke oplossingen. De div staat nu onder aan de scherm.
Maar ik wil hem juist onder in de pagina te hebben. Zie waarom: bit.ly/TYasU8
Het ziet er niet echt mooi uit, hoop dat een van jullie een idee heeft.
De css:

div.bottomgrass {
	background: url(../images/grassbottom.png);
	width:100%;
	height:51px;
	left:0;
	right:0;
	margin-top:22px;
		position:fixed;
		bottom:0;
	width:100%;
}

Bedankt voor jullie hulp

Daar kwam ik ook op uit. Alleen niet het gewenste resultaat.
Die link in startpost. Tog bedankt voor je hulp.

Fils, je bent een held! Maar jij ook hoor Ismail!
Het werkt perfect.

Bedankt voor jullie hulp!