DIV с плавающей проблемы

Question

Хорошо, так что я получил это Див:

#content .entry-title { 
    color: #5d9851; 
    font-size: 21px; 
    font-weight: bold; 
    line-height: 1.3em; 
    margin-left: 30px; 
    width: 520px; 
    overflow: hidden; 
    border-bottom: 1px solid #97fb83; 
} 

и он не будет идти на стороне .grayblock как .stripedbar делает:

.stripedbar{ 
    background-position:left top; 
    background-repeat: repeat; 
    background-image:url('images/bar.png'); 
    height: 20px; 
    width: 520px; 
    margin-left: 30px; 
    margin-bottom: 0px; 
} 

.grayblock{ 
    background-color: #cccccc; 
    height: 40px; 
    width: 20px; 
    float: left; 
} 

Любая идея, как сделать он отлично играет (будь на стороне .grayblock и прямо под .stripedbar)?

Это блог: http://prime.programming-designs.com/blog/

Answer 1

У вас есть этот код в таблице стилей:

h1, h2, h3, h4, h5, h6 { 
    clear: both; 
    font-weight: normal; 
} 

Итак, .entry-title блок очистное поплавок .grayblock. Вам нужно добавить clear:none; в #content .entry-title стилей, и он будет работать хорошо.

Answer 2

Добавить clear:none свойство <h2> тег или #content .entry-title как это не позволяет плавающих элементов в обе стороны в настоящее время.