stick an image to the bottom of a div?

[[email protected]]

Good evening,

Has anyone seen a css technique of anchoring an image to the bottom of a div? My intent is to anchor a stacked pair of divs to the browser bottom (done), and have a third div anchored to the top of the browser window (done). Width: 100% on all three divs (done). z-index:1 on the topmost div (the header div).

Now, as the site appears on a visitor's screen (one that has generous vertical real estate) they can drag the window down (expanding it) and more and more of the middle div displays itself, out from underneath the topmost div.

For conversation, I refer to these three divs as "header div", "stage div", and "footer div". footer div shall always have a the same 250px height. header div shall always have the same 100px height.

and here is my difficulty...: stage div shall always be anchored to the top of footer div, but "appear" more and more out from underneath header div as the page is expanded downwards.

Please throw ideas my way as they occur to you. The results must be platform/browser independent and primarily css driven, in the spirit of the zen-cart template system).

Respectfully,
Ian Sears

[[email protected]]

http://iansears.com/liquid/liquid_example.html
This is an html tables version that explains the idea. (and)

http://iansears.com/liquid/liquid_css_example.html
And this one is the page drawn up in css. Please help me properly clip the bg image and basicly implement z-index and position absolute/relative.

<a href="http://iansears.com/liquid/thumbnail.jpg"><img src="http://www.iansears.com/liquid/th_thumbnail.jpg border="0"></a>


I wrote text of the two example pages about what each does and does not do for me.

Any help is welcome.
Respectfully, Ian Sears

[kobra]

I see what you are attempting I think.

This only functions as described when the browser is not at full screen. Question: How many people will view this at less than full screen? One can also, using the mouse, place the cursor into the text area and cause it to scroll up/down. But there is no explanation for this and some might not find that this is possible.

Would a scroll bar for this text box be acceptable? As most viewers would know what and how to use this. Or would this not be inline with what you are trying to style?