Background image outside of wrapper div, at the bottom of the page

I need to place a horizontal background image at the bottom of the page. What I have works fine granted the div "wrapper" is filled with a lot of content and the users scroll bar appears.

The problem arises on some pages that have little content, and the wrapper div is short, I need to keep the image at the bottom.

Here is the faulty page in practice http://www.rmcl-usa.com/

The tree image just n开发者_如何学编程eeds to be at the bottom. Again it is not a problem when the wrapper div extends passed the users resolution.

Thank you in advance.

---

Set the following CSS on your footer div:

position: absolute;
bottom: 0;
right: 0;
left: 0;

Make sure it is declared before your other divs, such that it is the lowest in the z-index.

---

Move the bottom image div to the bottom right before the body close and do:

<div id="bottomimage" style="position:absolute;bottom:0;right:0;left:0;z-index:-10;position:fixed;">

doing just:

position: absolute;bottom: 0;right: 0;left: 0;

didn't do it for me in firefox.