Position not really working in IE

[actresspt]

Hello all.

I was trying a CSS code I saw here (http://data.bangtech.com/web/css_fixed_menu.htm), so I can make a floating menu. The CSS looks very simple and clean and it works perfectly on Firefox and Opera.



div.cssFloatMenu {
margin: 0;
position:fixed;
bottom: 10px;
right: auto;
width: 150px;
left: 11%;
}


The problem is "position:fixed;" doesn't work in IE. The site says that it can work in IE with a "work-around".

The mentioned "work-around" is the following code:



<!--[if gte IE 5.5]><![if lt IE 7]>
<style type="text/css">
div.cssFloatMenu {
margin: 0;
position: absolute;
top: expression(18+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
bottom: auto;
left: auto;
width: 170px;
right: 20px;
}
</style>
<![endif]><![endif]-->


But the problem is that I wanted the div menu to be "fixed" on the bottom of the page, not on the top. I can't figure out how to do that. Can anyone help me?

[jscheuer1]

If that works for the top, this should work for the bottom:


<!--[if gte IE 5.5]><![if lt IE 7]>
<style type="text/css">
div.cssFloatMenu {
margin: 0;
position: absolute;
top: expression(-18+((e=document.documentElement.scrollTop)?e+document.documentElement.clientHeight:document.body.scrollTop+document.body.clientHeight)+'px');
bottom: auto;
left: auto;
width: 170px;
right: 20px;
}
</style>
<![endif]><![endif]-->

The -18 may be adjusted to get the desired offset from the bottom.