[HTML/CSS/JS] limite div

Salut tout le monde ,

J'ai un petit soucis , en faite j'ai une div de news et j'aimerai que cette div soit une scrollbar personnalisé donc je me suis tourné vers le js et j'ai trouvé ceci :
http://www.wikistuce.info/doku.php/javascript/recreer_une_scrollbar_en_javascript

mais mon problème est que dans ce code, la div de contenu et la div qui contient les scroll sont cote à cote alors que moi j'aimerai que la div du scroll soit dans la div contenu , mais quand je remplis la div de contenu la div du scroll est bien entendu décalé , et si je met la div des scroll en position absolute alors cette fois ci le texte du contenu passe dessous le scroll alors que je voudrais qu'il s'arrete et passe a la ligne quand il rencontre la div du scroll .

code html :

<div id="contenu">
Advenit post multos Scudilo Scutariorum tribunus velamento subagrestis ingenii persuasionis opifex callidus. qui eum adulabili sermone seriis admixto solus omnium proficisci pellexit vultu adsimulato saepius replicando quod flagrantibus votis eum videre frater cuperet patruelis, siquid per inprudentiam gestum est remissurus ut mitis et clemens, participemque eum suae maiestatis adscisceret, futurum laborum quoque socium, quos Arctoae provinciae diu fessae poscebant.

<div id="scrollbar">
<div class="fleche_haut">
</div>
<div class="fleche_bas">
</div>
</div>
</div>


Merci d'avance .