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.

Wyczyść ręcznie float po ostatnim elemencie.
Czyli przed zamknięciem <div id="main"> wrzuć np.

Dzięki bardzo za odpowiedź, pomógł oczywiście leci.

Potrzebowałem użyć tego w kilku miejscach dlatego zrobiłem:
oraz


Tylko dokument trochę traci na wyglądzie od strony kodu, na prawdę nie da się nic więcej wymyśleć?

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
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;