dva floaty pod sebou a susedný overflow hidden

Živá ukázka

Prečo element s overflow hidden ignoruje šírku druhého floatu a neprispôsobí svoj ľavý okraj tejto šírke ?

In a block formatting context, each box’s left outer edge touches the left edge of the containing block (for right-to-left formatting, right edges touch). This is true even in the presence of floats (although a box’s line boxes may shrink due to the floats), unless the box establishes a new block formatting context (in which case the box itself may become narrower due to the floats).

Nikto nič ?

Takže jediné riešenie pre zabránenie prekrývania je iba použiť margin-left ?

anonymníí:
„V jakém prohlížeči ti to nefunguje?“

Najnovší Firefox.

Hmm zdá sa, že to je jedno z ďalších nekonzistentných chovaní medzi prehliadačmi :-/