fixed divs in IE6

[kknutson]

I am trying to get a fixed Div to behave the same way it does in IE7, in IE6. I realize IE 6 doesn't support the fixed property (except for the background)

However, I have a book that says its possible using conditional statements in the html code and the proper coding in the css page........unfotunatley the book's example isn't real clear.

I am actually excited that I got it to stay fixed when you scroll vertically.......but where I am stuck is to get it to stay fixed when you scroll horizontally as well........so that when you scroll horizontally, the base cello image stays in place and the content slide underneath it as you scroll.......(just like it behaves in IE7)

Here is the link to the page.....hopefully whoever is helping me with this has a way to view it both in IE7 and IE6....although it may not be neccessary to help me.

http://dev.informarch.com/WeekendMus...article1a.html

I pasted the HTML code and the CSS code in question in the code window.

Thank you so much for any help!

Ken
Attach Code

<!--HTML CONDITIONAL CODE-->

<!-[if IE 6]>
<style type="text/css">
html {
overflow: auto;
}
div#celloDiv {
height: 100%
overflow: auto;
}
</style>
<![endif]->

<!--CSS CODE-->

div#celloDiv {
background-image: url(base-cello.png);
background-repeat: no-repeat;
background-position: left bottom;
left: 0;
width: 200px;
z-index: 2;
bottom: 0px;
height: 1030px;
margin-left: 0px;
background-attachment: fixed;
position: absolute;
overflow: hidden;
}

html>body#weekendMusician div#celloDiv {
position: fixed;
left: 0px;
bottom: 0px;
overflow: auto;
z-index: 2;
margin-left: 0px;
background-attachment: fixed;
background-position: left bottom;
}