Firefox 1.5 and 2 css absolute position bug

Answer 1

Either take off the

 float: left.

Or try changing

 bottom: 0

to

 top: 100%;

Answer 2

I was able to find a workaround, but I still don't understand what is going wrong. My workaround is not a silver bullet, but it will work for my situation.

Removing the min-height work around for IE seems to make it do the right thing. The problem with this solution is that if the content element is larger then the height, scroll bars would appear for the overflowing content.

#wrapper {
  width: 500px;
  height: 550px;
  border: 5px solid blue;
  position: relative;
  display: inline;
  overflow: auto;
  float: left;
}

Answer 3

Remove the overflow:auto from #wrapper.

Mixing floats and absolute positioning is notoriously hard to get right for all browsers -- they each seem to implement their own little quirks.