Fixed Position for IE6

Trade-Off: IE6 treats all "absolute" or "relative" blocks as fixed when using this scheme.

This DIV is located inside #content:
position: relative;
float: right;
width: 125px;

The fixed-position menu at left is created through the standard CSS-2 rule "position: fixed".

To make this work in IE6, the following rules must be declared:

IE6 requires that #menu be position:absolute and that body have overflow-y:auto; and height:100%.

The incredible Stu of "cssplay" discovered these complimentary bugs in IE6.

He doesn't emphasize (on his demo page, anyway) that this doesn't work in quirks mode.

You must use an XHTML DTD:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" xml:lang="en">

The drawback of this scheme is that all block elements which are "absolute" or "relative" become fixed in IE6, too — regardless of their containing block. "top: 100px" works as it should, but "right: 0px" does not. (FLOAT on a static block works as well as it ever did in IE6.)

This concludes our test.