Плавающий два divs, один с фиксированной шириной

Question

вот мой случай. Я хочу, чтобы два divs были бок о бок. В левой строке сохраняется текст, а справа - изображение. Правильной должна быть фиксированная ширина. Я выполнил решение по одному из предыдущих вопросов (разница в том, что в этом случае левый div был фиксированной шириной), и он не работает для меня.

Вот HTML (две дивы смелы написано - vsebina в иконе):

<div class="background"> 
    <div class="content"> 
    <div class="leftCol"> 
     <div id="Storitve"> 
     <div class="contentBox"> 
      <div class="contentBoxLeft"> 
      <div class="title">Vzdrževanje</div> 
      </div> 
      <div class="contentBoxRight"> 
      <div class="vsebina"> 
      </div> 
      <div class="icon"> 
      </div> 
      </div> 
     </div 
     </div> 
    </div> 
    <div class="rightCol"> 
    </div> 
    <div class="clear"> </div> 
</div> 
<div class="clear"> </div> 
</div> 

Вот CSS:

.vsebina {background-color:#876392;} 
    .icon {background-color:#872472; width:150px; float:right; height:auto;} 

THX за любую помощь! Урос

Answer 1

попробовать

display:inline-block; 
float:left; 

на левой DIV

Answer 2

Попробуйте это:

.vsebina 
{ 
    background-color: #876392; 
    float: left; 
} 
.icon 
{ 
    background-color: #872472; 
    width: 150px; 
    float: left; 
    height: auto; 
}