Position Relative

[GoogleCodeExporter]

What steps will reproduce the problem?
1. Position and element on the page as Relative in IE 6 and 7
2.
3.

What is the expected output? What do you see instead?
The overflow bug in IE 6 and 7 appear due to the overflow: auto rule on the 
body tag. The fix is to position the body tag as relative but then the bar wont 
be positioned to the HTML element as in it wont scroll with the page anymore.

This is a major issues, could you please find a work around.

Original issue reported on code.google.com by marcus.p...@gmail.com on 12 Sep 2010 at 11:42

[GoogleCodeExporter]

Hey i found a workaround, not really clean but it works.

You have to wrap all your content in a wrapper ID, EXCEPT for the jixedbar 
content, then change the jixedbar.js on line 61 and 62 to:

$("html").css({"height" : "100%", "overflow": "hidden"});
$("body").css({"margin": "0px", "height": "100%"});
$("#wrapper").wrap("<div id='dockWrapper' style='height:100%;overflow-y: 
auto;position:relative;overflow-x:hidden;'></div>");

The position relative is used to fix the overflow problem in IE 6 and 7, note 
if you have styling on your body tag it will have to get moved to your wrapper.

Original comment by marcus.p...@gmail.com on 12 Sep 2010 at 12:58