[RESOLVED] Expanding div issues

[Ibanez]

Hello everyone!

I'm having some issues with divs (tables were easier - although not the way forward...)

Firstly, this is what I have:

<div id="wrapper">
	
    <div id="header">
    <img src="images/header.jpg"/>    </div>
    
    <div id="content">
    </div>
    
    <div id="footer">
    <img src="images/footer.jpg" />
    </div>
    
</div>

Now what I want Is for #footer to always be at the bottom of #wrapper (which has a height of 300px).
And #content should push #footer down depending on the content of that page...
Could someone please tell me if it is possible for a div to push another down, and if its possible for a div to be at the bottom of another div?

Thank you in advance!

[scragar]

footer will always be at the bottom of wrapper, that's the way the box model works.

[6StringGeek]

There are 2 ways I know of:

faux column: http://www.alistapart.com/articles/fauxcolumns/

and

the holy grail: http://www.alistapart.com/articles/holygrail/

[msparks]

Yeah, you're going to have to go with the good ole holy grail.

[Ibanez]

Thank you for your replies!
I was able to fix the issue and the layout is fine now, Im just having a few functional problems with css rollovers in IE... I think IE sux!