4

I have a DIV that must always stay on bottom/left of the page, something like a footer menu.

div#bottom_menu
{
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 90%;
}

My page has min-height defined and when the user shrinks it below that it gets scroll bars. The problem is when it happens, in IE8 the div moves up to match the new viewpoint lowest point like it would behave if it were with position: fixed. Worse than that, when you scroll down again the element does not move down (like in position: fixed) but ridiculously stays in the middle of the page. This works perfectly in Firefox, Opera and Chrome. Is that a known IE bug and how to work around it?

Boris Hamanov
  • 3,085
  • 9
  • 35
  • 58

1 Answers1

3

Great, I got Tumbleweed badge for super unpopular question.

While waiting someone to help me here I solved it myself (as usual). I did it by putting bottom_menu in a wrapper div pretty similar to the old container, only difference is that is has no overflow: hidden; and is not directly inside the body. That fixed it by some strange reason. Maybe it will help somebody.

Boris Hamanov
  • 3,085
  • 9
  • 35
  • 58
  • I have the same issue but in FF 3.6. To clarify, when it works for you div#bottom_menu is in an unstyled wrapping div and that wrapping div is NOT a direct child of body? – Pat Long - Munkii Yebee Dec 03 '10 at 18:59
  • No I have another wrapper that is wrapped around all the page elements including div#bottom_menu. And it is not directly a child of body. Please, note, I did not had any problems with FF/ Maybe your problem is different? – Boris Hamanov Dec 11 '10 at 11:59