[HTML][CSS] Rozciągnięcie div'a zawierającego inne div'y Opcje

[dami95]

Witam! Potrzebuję pomocy...

Mam przykładowo taki kod:

[HTML] pobierz, plaintext 
<div id="main">
<div id="left">
//zawatość lewego panelu
</div>
<div id="right">
//zawartość prawego panelu
</div>
</div>
[HTML] pobierz, plaintext 

Dla div'a #main przypisuje tło, jednak tło pokazuje się tylko na padding'u. Zawsze stosowałem overflow: auto, jednak teraz w prawej części strony za pomocą CSS 3 powiększam plakat [transform: scale(1.2)], który w przypadku stosowania overflow: auto nie wyświetla się poza diva #main. Jak to obejść?

Pozdrawiam i czekam na jakieś mądre rozwiązanie.

[wizu]

Też mi się to nie podoba, dlatego często stosuję inne sztuczki.
Możesz użyć pseudo-elemtu :after i jemu przypisać clear. Zrobi co trzeba, jednak starsze przeglądarki nie znają tego posunięcia (IMG:style_emoticons/default/wink.gif)
Pozostaje Ci overflow: hidden; ewentualnie użycie float tylko na jednym elemencie (np. prawym), a lewemu pozwolić się dostosować, dając mu tylko overflow: hidden;
Możesz też dodać dodatkowy zewnętrzny kontener i to jemu przypisać background, a środkowemu dać overflow: hidden;