Keep an image just above the footer

How can I keep an image just above the footer

[Capri2]

Hi,

I am new to css and I am modifying a free template I found.

I want my image to sit just above the footer no matter how big the page gets. I currently have a parent container with two floating divs, one is the leftmenu div, the other the rightcontent div. The leftmenu div has an image which I want to stay just above the footer. However, most of the time the rightcontent div is larger than the leftmenu and the image (which is aligned at the bottom of the leftmenu) appears to just float in the middle because the leftmenu div does not stretch to the bottom of the parent container.

Is there a way to force my leftmenu div to stretch to fill the height of the parent container.

or

Is there another way to keep my image above the footer (maybe creating a new div?) any other suggestions?

Thank you

[Capri2]

Hello again,

I have worked out what to do, I am not sure if it is the best way but it does work. Just in case anyone else has found this post and wants to know what I did...

I removed the image from the leftmenu and put it into the parent container instead. I then set the image's position to absolute. I set the property bottom:35px (which is the height of my footer) and set the min-height of my leftmenu so that it was large enough for the menu and the image even if the rightcontent div was smaller.

I hope this is of help.