IE6-/Win: Floats, containers, backgrounds

wrapper, float, text in wrapper

1. IE6 peekaboo!

A float
A float
A float

Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

2. wrapper relative: IE6- disappearing float (incorrect layering.) Border on wrapper makes the problem different

A float
A float
A float

Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

3. wrapper relative, float relative: ~ok

A float
A float
A float

Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

4. wrapper hasLayout: OK

A float
A float
A float

Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

4b. wrapper relative and hasLayout: OK

A float
A float
A float

Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

5. wrapper relative, hasLayout, contains a block containing another (grey) block: IE6- incorrect background

A float
A float
A float
A float

This block has grey background

Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

6 same as 5, the block is relative: IE6- incorrect layering

A float
A float
A float
A float

This div has grey background

Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.

7. same as 5, the block hasLayout: ~ok

A float
A float
A float
A float

This div has grey background

Sempre caro mi fu quest’ermo colle, E questa siepe, che da tanta parte De l’ultimo orizzonte il guardo esclude.