codigo css posicionar div

[azael222]

Aqui te dejo el html

Código HTML:

<div id="cp">
 
 
 
 
 <div id="songs"></div>
 <div id="songs"></div>
 <div id="songs"></div>
 <div id="songs"></div>
 
 <div id="clear"></div>
 
 <div id="sidebar2">
 
 <div id="promo_R1"></div>
 <div id="promo_R3"></div>
 <div id="promo_R3"></div>
 <div id="promo_R1"></div>
 <div id="promo_R2"></div>
 <div id="promo_R3"></div>
 
 <div id="clear"></div>
 
 </div> 
 
 </div> 

aqui esta el css del div#cp div#songs div#sidebar2:

Código CSS:

/*------------------------------------------empieza el div de las canciones para bajar---------------------------------*/
        
#cp{ float:left; background-color:#000; width:80%; height: auto; }
 
#songs { width: 800px; height: 200px; background-color:#666;  margin-bottom: 25px; }
 
/* --------------------------------termina el div central donde estan las canciones para bajar------------------------------*/
 
/* --------------------------------empieza el div sidebar2------------------------------*/
 
#sidebar2{ width: 200px; height:auto; float: right; border-width:thin;  border-style:dotted; }
 
#promo_R1{ width: 150px; height: 500px; background-color:#666; border-width:thin; border-style:dotted; border-color:#000;
        margin-bottom: 15px; margin-left:25px; }
        
#promo_R2{ width: 150px; height: 200px; background-color: #FFF; border-width:thin; border-style:dotted; border-color:#000;
        margin-bottom: 15px; margin-left:25px; }
 
#promo_R3{ width: 150px; height: 100px; background-color: #FFF; border-width:thin; border-style:dotted; border-color:#000;
        margin-bottom: 15px; margin-left:25px; }
        
/*------------------------------------termina el el div sidebar2------------------------------*/