<style type="text/css">
.container {
  overflow-x:auto; /* полосa прокрутки по горизонтали */
  width:500px;
  height:120px
}
</style>


 <div id="head"  nowrap="nowrap"  class ="container"  >            
    <div  style="float:left"  id ="innerDiv1" >
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.    </div>
    <div   style="float:left"    id ="innerDiv2" >
     Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat   nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.
    </div>    
</div>

-------------
Я хочу сделать, чтобы innerDiv2 не переносился на следующую строку - а располагался сразу вслед за innerDiv1. Однако сейчас он переносится. Применительно к приведённому коду - я хочу чтобы, весь текст был в одной фактически строке - и только внизу была бы полосa прокрутка по горизонтали (она и сейчас есть - однако строки две ((().

Нашёл nowrap="nowrap" - но он мне не помог - так же, как и nowrap="true"

Возможно ли решение ? очень надо - буду весьма благодарен.  

Заменил дивы на спаны
для кроссбраузерности нужен 
white-space: nowrap;