In my css, I have the height set to 100% in the html, body, and main element tag. It works perfectly fine in Firefox but it goes a little screwy in IE7. It works in all lower version of IE too...

The site url is: http://theemeraldrose.ca/

Now I know what IE7 is doing...it is ignoring the heights of all the cells in the table (why doesn't it ignore all height tags it if its going to ignore some? :P).

Is there any way to get it to show properly in IE7? Or another thing I've been searching for is a hack for IE7 so it just skips the 100% height in the stylesheet.

Either option would be good :)

Thanks

Try this in your style sheet: min-height:100%
I am using this with the pixels = min-height:2000px

Nope...still works in firefox but not IE

Personally, I'd suggest abandoning your tables altogether. Tables shouldn't be used for layout purposes, and this can be seen as one example of why that is. Your design could be accomplished just as easily and more elegantly without superfluous table markup. See this thread (http://www.lissaexplains.com/forum/showthread.php?t=59466) for some examples. It should be noted, however, that version 7 has brought support for min/max-width/height to Internet Explorer since that post was made.

I knew eventually I would get in trouble for using tables ;)

Yes I know tables are becoming obsolete. I spent a whole semester way back in college converting table layouts to divs.

I'm just rather get the site up and worry about changing it later.