ナビゲーションにCSSで画像を入れたい

宜しくお願いします。

制作ソフトはDreamweaver8、XHTML＋CSSレイアウトでデザインビューでやっています。
CSSでのナビゲーションについて質問させて頂きます。

横型の8項目あるナビゲーションを、画像で作りたいのです。
そしてCSSで高さ40に指定した「#navi」の中で、改行しながら8項目入力しました。
8ヶとも斜体にしリンク設定して、CSSの「#navi p」を作りフロートを左、マージンと余白を0にすると横並びになりました。
そして「#navi p a」のCSSを作り、表示をブロックにして高さ40幅100に。「#navi p em」で可視性を非表示に。

ここからです。ここからこの100×40のリンク箇所に、ナビ画像を「a:link a:visited a:hover a:active」の4つ×8ヶ入れたいのです。
CSSで背景として入れると思うのですがやり方がわかりません。

もし分かる方おられましたら、宜しくお願いします。