[CSS][HTML] Wysokość div i elementy z float Opcje

[!*!]

[HTML] pobierz, plaintext 
<div>
<p style="float:left">lewa tresc</p>
<p style="float:right">prawa tresc</p>
</div>
[HTML] pobierz, plaintext 

Jak sprawić aby div był rozciągnięty gdy znajdują się w nim tylko elementy z float? Aby obejmował je.
Obecnie stosuję coś takiego:

[HTML] pobierz, plaintext 
<div>
<p style="float:left">lewa tresc</p>
<p style="float:right">prawa tresc</p>
<br style="clean:both"/>
</div>
[HTML] pobierz, plaintext 

Jednak nie wydaje mi się to zbyt eleganckie.

Albo jak uzyskać efekt tekstu po obu stronach, może jest prostszy sposób?

Ten post edytował !*! 14.08.2010, 16:44:39

[Blame]

Ech ludzie (IMG:style_emoticons/default/dry.gif)
Dobra, strzelam po raz drugi. Styl CSS:

[CSS] pobierz, plaintext 
.div:after {  
content: ".";  
clear: both;  
display: block;  
height: 0;  
visibility: hidden;}
[CSS] pobierz, plaintext 

To tak od kompletnego laika dla profesjonalisty, który świetnie opanował opisywanie swojego problemu. Z resztą to od razu widać po stosunku posty/pomógł. Przecież każdy na co dzień boryka się z tym samym problemem co ty i już po pierwszym zdaniu wie o co ci chodzi. Wybacz mi, moja głupota. W ramach przeprosin tym razem królik z naleśnikiem na głowie.
(IMG:http://bothunters.pl/wp-content/uploads/2009/11/nalesnik_na_glowie.jpg)
PS. Nie obrażę się, jeśli nie będziesz miał odwagi przyznać się, że moje rozwiązanie ci pomogło, miałem już do czynienia z "lepszymi" ludźmi, przyzwyczaiłem się.