Apparently there is a problem with position:fixed in IE6 and older? I've got a submenu div that I want to remain at the top of its frame, and I've given it the CSS position:fixed -- which works in all browsers (Mac and PC) except for IE.

BTW -- here's the url if you want to look:
http://www.poddesign.com/myvu2/index.html?category=5

So I did some research and found a workaround that is specific to IE using the cool CSS expression(). But only IE should see this, so I wrapped it in a conditional comment. The relevant code looks like this:

<style type="text/css">
#submenu {
position: fixed;
z-index: 1;
left: 250px;
top: 0;
height: 50px;
width: 600px;
background-color: #000000;
}
</style>

<!--[if IE]>
<style type="text/css">
#submenu {
position: absolute;
z-index: 1;
left: 250px;
top: expression(body.scrollTop + 0 + "px");
height: 50px;
width: 600px;
background-color: #000000;
}
</style>
<![endif]-->

So I set the submenu style for standard browsers as position:fixed, then I write the IE-specific hack using the same submenu style name, which should overwrite it.

Of course, it doesn't work. And since I'm not familiar with the CSS expression() functionality, I'm not sure where the error is.

Any suggestions?

Thanks,
sigmundsquirrel