Aşağıda benim div yerleştirmek istiyorum, ama aslında bu listenin yanında yer alır.Liste dinamik olarak oluşturulur, sabit bir yüksekliği yok. İsterim var harita div sağda ve solda (yanında göster) listesinde yer üstünde ve ikinci div aşağıda listesi(ama hala sağ göster)

  #map { float:left; width:700px; height:500px; }
 #list { float:left; width:200px; background:#eee; list-style:none; padding:0; }
 #similar { float:left; width:200px; background:#000; } 


    <div id="map"></div>        
    <ul id="list"></ul>
    <div id ="similar">
     this text should be below, not next to ul.
   </div>

Herhangi bir fikir?

temizlemek:left; clear:css hem de.

#map { float:left; width:700px; height:500px; }
 #list { float:left; width:200px; background:#eee; list-style:none; padding:0; }
 #similar { float:left; width:200px; background:#000; clear:both; } 


<div id="map"></div>        
<ul id="list"></ul>
<div id ="similar">
 this text should be below, not next to ul.
</div>