Position not really working in IE

[actresspt]

Hello all.

I was trying a CSS code I saw here, 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.