CSS Height 100% and Auto

Stretching 100% and Auto at the same time

[beezm]

I have a simple design that stretches 100% height of the page. My problem is this... In FireFox whenever the content in the div that is stretched 100% goes past the normal 100% mark, it stops and the content keeps going. If i use the height: auto; way of doing it, if it is too short, the bg doesn't go to the bottom of the page. Is there a way to combine these two? So it stretches 100% and then if the content inside the div goes past it, it keeps stretching?

Thanks,
beezm

[Purple Martin]

Use a vertically-tiled background image in the body. It's not the best way but it is the only way, if you know what I mean.

[DrDoc]

min-height: 100%;

:)

[Purple Martin]

I thought min-height wasn't supported by IE? :o

[DrDoc]

It isn't... but that can be hacked around :)

[createErrorMsg]

How? :)

[beezm]

Thank you for the replies. With a little help from a friend of mine I have it figured out. You have to kinda h4x0r it a little to get it working o_O!

Here is the code:
height:auto!important;
height:100%;
min-height:100%;