[css] Floatowanie i tagi ul Opcje

[Konradek]

Witam

Czy zna ktoś z Was jakiś dobry sposób na niżej wymieniony problem:

Mam dwa divy , którym przypisałem klasy odpowiednio left i normal.
Blok "left" ma stala wysokość, szerokość oraz właściwość float:left.
Blok "normal", w którym jest nieuporządkowana lista, ma "opływać" diva "Left"


przykładowy kod

html

[HTML] pobierz, plaintext 
<div class="left"></div>
<div class="normal">
<ul>
<li>rozuizz</li>
<li>werwerwrewrw</li>
<li>rozuizz</li>
<li>werwerwrewrw</li>
<li>rozuizz</li>
<li>werwerwrewrw</li>
<li>rozuizz</li>
<li>werwerwrewrw</li>
<li>rozuizz</li>
</ul>
</div>
[HTML] pobierz, plaintext 

css

[HTML] pobierz, plaintext 
.left {
float:left;
width:100px;
height:100px;
background-color:red;
margin:0 3px 0 0;
}
[HTML] pobierz, plaintext 

Niestety powyższy kod powoduje, że tzw "bullety" listy wchodzą mi na blok left i za nic w świecie nie dają się opanować.
Mniej więcej tak to wygląda



Dodam jeszcze, że udało mi się to w ten sposób rozwiązać, że w cssie dla ul dodałem list-style-position:inside; i o dziwo działa nawet pod ie6.
"Bullety" nie wchodzą już na blok Left

Chciałbym jednak wiedziec czy istnieją jakieś inne sprawdzone przez Was sposoby na dany problem

Pozdrawiam
K

[neverever]

zwiększ w klasie left w margin z 3px na 20px i bullety wyjdą poza diva.