Question

Как убрать полосу прокрутки в низу в мини-чате

Код вида мини-чата

<div class="ChatMess">
 <div class="ChatMesTop"><div style="float:right; color:darkGray;">$TIME$ <a href="$PROFILE_URL$"
 rel="nofollow" rel="nofollow"><img src="http://webo4ka.ru/Ucoz6/info_mchat.gif" border="0" style="vertical-align:-1px; margin-right:1px;" alt="мини-чат" /></a></div><a href="javascript:void('Apply to')" style="color:#darkGray;" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[b]$NAME$[/b], ';return false;"><b>$NAME$</b></a></div>
<div style="padding:3px 3px 3px 0px;"><font color="#F0F8FF">$MESSAGE$</font></div>
 </div>

 <style> #body{}
 ::-webkit-scrollbar
 {
 width: 9px;
 height: 9px;
 }
 ::-webkit-scrollbar-track-piece
 {
 background-color: #363636;
 -webkit-border-radius: 2px;
 }
 ::-webkit-scrollbar-thumb:vertical
 {
 height: 5px;
 background-color: #666;
 -webkit-border-radius: 2px;
 }
 ::-webkit-scrollbar-thumb:horizontal
 {
 width: 5px;
 background-color: #666;
 -webkit-border-radius: 2px;
 }
 .ChatMess {border:1px solid #363636; background:#darkGray; margin-top:5px; -webkit-border-radius:2px
 2px 2px 2px;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px;}
 .ChatMesTop {border:0px; border-bottom:1px dotted #363636; padding:3px 3px 3px 4px;
 background:#363636; -webkit-border-radius:2px 2px 0px 0px;-moz-border-radius:2px 2px 0px 0px;border-radius:2px 2px 0px 0px;}
 </style>

 

P.S Сразу говорю в хроме её ен видно ,а в мозиил видно но если даже присмотретсья в хроме т овидно текст выступает чучуть за линию

Answer 1

Чтобы не было полосы прокрутки, не нужно писать сообщения подобного вида:

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaafafaaaaaaaa aaaaaaaa

И все будет корректно.