[RESOLVED] Dynamic layout 100% height/width. IE5.5,7,8/FF/Safari/Opera OK - IE6 glitches!

[frifox]

- website is 100% width/height? check
- custom page borders, 100% width/height? check
- footer attached to the bottom, and pushed down if content overflows? check
- fix the tiled transparent PNG's in IE 5.5/6 bug? check
- working minimum width on all browsers (xcept IE6)? check
- no tables used? check
- XHTML 1.0 Strict compliant? check
- CSS 2.1 compliant? check
- all of the above wok in IE5.5, IE7, IE8, Firefox, Safari, Opera? check...

Website Link: http://tranceluvers.com/temp

basically everything works just fine in all browsers except IE6 is having one little problem... when content overflows, the right/left background DIV's containing png gradient image stretch to the 100% height of browser window, but not 100% height of the page like it does in all the rest browsers, even IE5.5! (if u have IE6, click "LONG CONTENT" link and try resizing the browser to see problem). IE6 also fails to obey minimum width (even the IE5.5 follows the minimum width) but thats another problem, i can deal with it...

How it should be: http://img404.imageshack.us/img404/6750/firefox.jpg
How IE 6 does it: http://img16.imageshack.us/img16/3376/ie6l.jpg

anybody here dealt with this lil bug before? any help is appreciated very much!

Thanks,
Denis

[frifox]

ops, i just realized that this topic probably should have been posted into CSS section... lol

PS: the min-width bug in IE6 has been fixed, still keeping CSS/HTML valid ;)

[frifox]

ok, i figured it out. had to use javascript in css to specifically set wrapper height to be same as the page... dont worry, everything is still XHTMLv1/CSSv2.1 valid :)

since the problem is resolved, i'm taking down the page but if anyone else is interested, you can download the template here:
http://www.mediafire.com/?uyngznmwwtm