CSS: Making image stretch to bottom of browser

[liunx]

I have an element that I need to repeat a pattern from halfway down the browser.
On the right hand side.

At the momment I've kind of based it from the footers on alistapart.
I can't get it to repeat, or like.. how can I set the hieght of the div?

Any ideas?

CSS:


#footer {


position: relative;


bottom: 0;


float: right;


background-image: url(images/bg_lines.jpg);


width: 162px;


}You'll need to position the background image: <!-- m --><a class="postlink" href="http://www.w3schools.com/css/pr_background.asp">http://www.w3schools.com/css/pr_background.asp</a><!-- m -->

Also try <!-- m --><a class="postlink" href="http://www.w3schools.com/css/pr_background-position.asp">http://www.w3schools.com/css/pr_background-position.asp</a><!-- m -->