This is just another stupid way to do this, and it even looks cheap.
That will only work if javascript is enabled, document.all is supported and even then, probably will be kind of jerky.
I admit it is simpler to deal with and could be made to work with document.getElementById() as well, thereby becoming more nearly universal, but still jerky (could be worked out) and dependent upon javascript (you're stuck there, nothing will change that).
I felt a little bad about my last response here, as I also wanted to convey the idea that the same effect can be achieved with all styles in the style sheet, and without IE conditional comments. In fact, that there are certain principals involved and that any ordinary content can be rendered along with the fixed content if these principals are followed. Here is a commented version that lays things out a bit more clearly:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>Fixed Position in IE and Other Browsers - Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
/*Styles for All Browsers*/
body {
margin:0;
padding:0;
}
#abs1 {
position:absolute;
left:60px;
top:70px;
color:white;
background-color:black;
width:auto;
height:auto;
padding:1px 3px;
}
#fix1 {
top:40%;
left:40%;
width:100px;
height:50px;
background-color:#990000;
border:2px solid red;
}
.fixed {
position:fixed;
z-index:10;
}
/*End Styles for All Browsers*/
/*Begin IE Only Styles*/
* html {
overflow:hidden;
}
* html body {
width:100%;
height:100%;
overflow:auto;
}
* html .fixed {
position:absolute;
}
* html #iebodydiv {
position:relative;
width:100%;
height:100%;
overflow:auto;
}
/*End IE Only Styles*/
</style>
</head>
<body><!-- Begin Section for fixed content -->
<div class="fixed" id="fix1">
Fixed Content
</div>
<!-- End Section for fixed content -->
<div id="iebodydiv">
<!-- Begin Section for all other content -->
The rest of your page content<br>
<div id="abs1">Absolute Content</div>
<img src="http://home.comcast.net/~jscheuer1/side/1st.jpg" border="0" galleryimg="no" alt="">
<!-- End Section for all other content -->
</div>
</body>
</html>
Notes: Most of the styles for all browsers are totally optional. The body selector is required to create uniformity among browsers, if full page margins and/or padding are desired, a separate division for those should wrap all content within the #iebodydiv element. All styles for the .fixed class are required but, individual fixed content can have its own optional styling as shown by the #fix1 styles. The #abs1 styles for the absolutely positioned example are completely optional except, of course, for position:absolute;.
FYI: Any style selector that begins:
* html
will only be followed by IE.