footer background to fill all the way to the bottom of the browser.

Hi,

Is there a way to make my footer background take up the whole height of the browser below it?

Here's what I tried on the footer wrapper class:

background-repeat: repeat-y; height:100%;

I thought that should work, but it doesnt..

Any ideas? much appreciated.

Try setting a fixed pixel instead of a percentage or add height: 100%; to 'html' and 'body' as well; this may cause excessive scrolling, however.