div sidebar перекрывающий корпус

Question

Боковая панель перекрывает корпус. Мне нужно нажать тело div в соответствии с боковым бар div и так, как его фон. У меня есть ссылка jsfiddle link которой HTML-код:

<div class="container"> 
    <div class="top_block lo2_header"> 
     <div class="content"> 
      asdasdfasdfasdfasdfsadfasdasdfasdfasdfasdfsadfasdasdfasdfasdfasdfsadfasdasdfasdfasdfasdfsadfasdasdfasdfasdfasdfsadf<br> 
     </div> 
    </div>   
    <div> 
    <div class="background lo2_lbar"> 
    </div> 
    <div class="left_block lo2_lbar"> 
     <div class="content">asdasdfasdfasdfasdfsadfasdasdfasdfasdfasdfsadfasda 
     asdasdfasdfasdfasdfsadfasdasdfasdfasdfasdfsadfasdasdfasdfasdfasdf<br> 
     asdasdfasdfasdfasdfsadfasdasdfasdfasdfasdfsadfasdasdfasdfasdfasdf<br> 
     </div> 
    </div> 
    <div class="background lo2_body"> 
    </div> 
    <div class="center_block lo2_body"> 
     <div class="content">lo2_body 
     asd<br> asd<br>asd<br>asd<br>asd<br>asd<br>asd<br>asd<br> asd<br>asd<br>asd<br>asd<br>asd<br>asd<br> 
     </div> 
    </div> 
    </div> 

    <div class="bottom_block lo2_footer"> 
     <div class="content">lo2_footer 
     </div> 
    </div> 
</div> 

Answer 1

Потому что у вас есть в наличии всего 3 слова!

asdasdfasdfasdfasdfsadfasdasdfasdfasdfasdfsadfasda - очень длинное слово.

Answer 2

body{ 
width:900px; 
background:#e9e9e9; 
height:400px; 
} 


.content{ 
float:left; 
width:65%; 
margin-left:3%; 
background:red; 
height:100%; 
} 




#header{ 
width:100%; 
height:20%; 
background:blue; 
margin-bottom:1%; 
} 

#wrapper{ 
width:100%; 
height:100%; 
} 

#container{ 
width:100%; 
height:60%; 
margin-bottom:1%; 
} 



.sidebar{ 
    float:left; 
width:25%; 
margin-left:1%; 
background:yellow; 
height:100%; 
} 

#footer{ 
margin-top:3px; 
clear:both; 
background:#FF8C00; 
width:100%; 
height:10%; 

}