css - CSS :表示しない前

Question

:before 疑似クラスを適切にレンダリングするにはどうすればよいですか? これを機能させるには、特別な CSS が必要ですか?

これは機能せず、何も表示されません: http://jsfiddle.net/XzMH6/

HTML

<div id="test"></div>

CSS

#test:before{
    width:100px; height:100px; background: #ddd;
    display:block;
}