несмотря на то, что границы блока заданы жестко, текст вылезает за его пределы (ну, или появляются полосы прокрутки при добавлении owerflow: auto") HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <div id="scroll"></div> CSS #scroll { position: relative; width: 270px; height: 150px; overflow: auto } .item { margin-bottom: 6px } .name { cursor: hand } JavaScript var oScroll=document.getElementById("scroll"); htmlMessage+="<div class='item' style='color:"+color+";'>"; htmlMessage+="<div class='name' onclick='priv(""+name+"")'><b>"+name+"</b>: </div>"; htmlMessage+=message.toString(); htmlMessage+="</div>"; oScroll.innerHTML+=message; уже и в item добавлял ширину в пикселах, все равно не помогает... как сдалать, чтобы текст нормально переностся на следущую строку