css - Css 'div オーバーフロー' - スクロールを実行すると、div が動きに追従します

Question

私は次のインターフェースを開発しました：

すべて問題ないように見えますが、スクロール バーを回転させると、次のような状況になります。

スクロールを伴うチャットの「ユーザー」の名前は、固定位置でスタイル設定されていますposition:absolute;。いくつかの修正を試みましたが、役に立ちませんでした！皆さんは、この jsFiddle Here の問題を見ることができます。

li > span.frdName {
    position:absolute;
    float:left;
    margin-top:10px;
    font-weight: bold;
    font-family:'Verdana', cursive;
    font-size: 15px;
    color: white;
    margin-right:200px;
    width: 200px;
}

誰かが私にそれで力を与えることができますか？それともより良い方法ですか？