Помогите решить проблему.

[sx228]

Есть такой код

<style type="text/css">    
   #container {     
     width: 100%;     
     margin: 0 auto;     }    
   #leftcol {     float: left;         
     width: 60%;
   border-right: 1px dashed #183533;
 padding: 10px;  }   
   #rightcol {     float: left;     
     background: #f0f0f0;     
     width: 38%; no-repeat   }  
 </style>      
      <div id="container">
    <div id="leftcol">[xfvalue_new]</div>
    <div id="rightcol"><img src=[xfvalue_img]></div>
 </div>

Он мне выдает вот что

А нужно так

По сути код должен давать второй вариант.

В чем проблема?

[Veseloff]

Нет, не должен. 60%+10px+1px точно больше, чем 38%? Ширина картинки точно меньше 38%, которые получаются в блоке? Сделайте для rightcol margin-left: 62%;

[sx228]

Нет, не должен. 60%+10px+1px точно больше, чем 38%? Ширина картинки точно меньше 38%, которые получаются в блоке? Сделайте для rightcol margin-left: 62%;

Картинка переместилась в правый нижний угол, и только.

Все решил, вышло так

<style type="text/css">    
   #container {     
     width: 100%;      
     margin: 0 auto;     }    
   #leftcol {     
     float: left;          
     width: 60%;
   border-right: 1px dashed #183533;
 padding: 2%;  }   
   #rightcol {     
     float: left;     
     background: #f0f0f0;     
     width: 33%;   }   
 </style>      

Можете тепреь мне еще подсказать..

Вот вышло у меня так как я хотел.

Как теперь мне под картинку сделать:

серую подложку(такой же ширины как картинка) и на ней текст разместить.?