html - 画像を div の背景として設定し、その "ZOrder" を 0 に設定するにはどうすればよいですか?

Question

画像をdivの背景として設定し（そして全体をカバーし）、「その上に書き込む」（背景画像にテキストを追加する）ことができるようにしたい。これをCSSに追加してみました：

background-image: "http://www.replaster.com/sitebuilder/images/blueWhiteSwirl-758x109.jpg"

...しかし、それは何もしませんでした。

私の失敗した身もだえは次のとおりです。

HTML

<div class="CoolTurlockSwimmingPool"> 
    <span>Bla</span>
    <img src="http://www.replaster.com/sitebuilder/images/blueWhiteSwirl-758x109.jpg"></img>Blee
</div>

CSS

.CoolTurlockSwimmingPool {
    background-color: Blue;
    color: WHite;
    font-family: "Segoe UI Light", sans-serif;
}

jsfiddle はこちら: http://jsfiddle.net/X35Ap/