Lo que tendrías que hacer para que la barra no crezca junto la caja de los usuarios es declararla fuera de la barra. Mira un ejemplo:
Código html:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> * {margin:0; padding:0;}
html, body {width:100%;
height:100%;
overflow:hidden;
}
.contenido{width:100%;height:100%;overflow: auto;}
.banda{width:100%; height:35px; position:absolute; bottom:0; background:#D7F4F3;}
.chat{ position:absolute; right:0%; bottom:0%; border-bottom:1px solid #999; border-left:1px solid #999; border-top:1px solid #999; height:100px; width:180px;background:#D7F4F3;}
.chat p{margin:7px 0; text-align:center;}
.chat a{ text-decoration:none; color:#333; display:block;}
.usuarios{display:block; width:90%; border-bottom:1px solid #999; margin:3px auto;}
<p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p> <p>Aqui va todo el contenido
</p>
Espero te sirva.