Как мога да имам дисплей: блок; елементите се увиват около плаващ елемент, както би направил текстът?

Потърсих малко в Гугъл и намерих редица препратки към проблема, който се опитвам да разреша, но всички предлагат едно и също решение, което не мога да използвам. Проблемът е, че имам странична лента, плаваща надясно, и някои div, които трябва да се разширят до ширината, останала от страничната лента, но след това се разширяват до пълната ширина, когато страничната лента вече не им пречи да го направят.

Jsfiddle е тук: http://jsfiddle.net/qdk3n/

Решението, намерено другаде, е да се приложи overflow: hidden; към .left елементите. Това постига точно ефекта, който искам: div, които споделят хоризонтално пространство със страничната лента, се разширяват само до страничната лента, но допълнителните div се разширяват до пълната разрешена ширина. За съжаление ще има абсолютно позициониран елемент в левите div, който надвишава размера на div и ще бъде изрязан, ако приложа overflow: hidden;, така че не мога да го използвам. Има ли някакъв начин да постигна това, което се опитвам да направя, без да използвам overflow: hidden;?

Забележка: Не знам размера нито на страничната лента, нито на някой от левите div преди времето за изобразяване на страницата и не мога да използвам Javascript по какъвто и да е начин, форма или форма (тъй като това е предназначено да работи за потребители с деактивиран JS ). Единственото измерение, което мога да задам във всичко това, е ширината на страничната лента; div-овете трябва да са плавни и не мога произволно да избера някакъв брой от тях, за да удължат само част от пътя.

Също така имайте предвид: Виждал съм това: Разтягане на Div и след това обвиване около други плаващи div. Точно това се опитвам да направя, но единственото истинско решение е свойството overflow: hidden; и не мога да го използвам.