CSSはjsFiddleで動作しますが、部分的にのみjsFiddle + DIVの質問の外で動作します

Question

私は奇妙な問題を遭遇しました - jsFiddleではまったく同じマークアップがうまく動作しますが、テキストファイルに置くと、実際のコンテンツは表示されません。

私は他の同様の質問を見ましたが、それらはjQuery（私はまだ使用していません）を含んでいます。

リンク： http://jsfiddle.net/3BpRr/

編集：

Jsfiddle何らかの理由で二回<style type="text/css">を持っています。私はそれをし、それは動作します。

2番目の質問：chatLine divの中<br />を配置する方法は

<div class="chatLine"> 
    <div class="chatName">John&nbsp;&nbsp;</div> 
    <div class="chatMsg">I am very hungry.</div> 
</div> 
    <br /> 
<div class="chatLine"> 

ありますか？ chatLinesを作成/破壊するにはjavascriptを使用する必要があります。

ありがとうございます！