Yes, it’s called a Guillotine-Bug and it’s yet another bug IE users get to look forward too 😛

So how does it work?
Basically, the hasLayout messes around and elements become invisible and visible according to random things. Rather silly, but a bit of a bitch to initially figure out.

So how do you fix it?

Try this:

in your css file add:

1
2
3
4
5
6
7
8

* html .container {height: 1%;}
.container:after {
  content: �.�;
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

then apply to all elements that have nested floats.