Div at the bottom of the screen?

Hi,

I want to put a div at the bottom of the screen. Not a fixed div but
relative to the height of the overal design and screen size. And it is
outside the content div.

My thought was simply like this(with the html, body set to 100%):

<div id="container">
<div id="spread"><!-- --></div>
<div id="bottom">Some content</div>
</div>

#container {height: 100%;}
#spread {height: 90%;}
#container {height: 10%;}

But this is not realistic and doesn't work.

I would you guys do this simple task?

Thankful for any help I could get on this matter.

Greetings from Gnolen

like position: relative; bottom: 0px; ?

if it is indeed outside the main content container, it should attach
relative to the bottom of it's parent container, IE: body.

Nathan wrote:

like position: relative; bottom: 0px; ?

if it is indeed outside the main content container, it should attach
relative to the bottom of it's parent container, IE: body.

Thanks for your answer! Yeah I tried to put in on the bottom of the

content container but the div should be on the left and a bit up.

So I do a postition top and left to get it in place. But now the content
container still have the space left over for the divs I just moved! So
there is now a not needed(or wanted) space between the content and bottom.

Is there a way to take that away??

If I float the divs on the left of the content. It get's to the top left
of the content. So I can't do that either!

/ Gnolen