CSSでul部に画像を何故か入れられない個所がある

質問

質問させていただきたいと思います。

現在、dreamweaverCS6を使用しています。

まず、このページは、「ヘッダー」、「サイドバー」、「メイン」、「フッター」の４つのdvi構成になっています。
そして、画面左のサイドバー内には、「リンク１～リンク４」までのul部分があります。
４つのdviの背景画像はすべて、CSSの、background-imageで入れてみた次第です。

しかし、なぜか同じ要領で「リンク１～リンク４」と書いて部分に背景画像を入れようとしても、入らないのです。

この場合、どうするのが賢明なのでしょうか？

また、余談ですが、仮に今回、ヘッダーやフッターに１枚の背景画像を入れた場合、このページでは１０枚程の連続画像として、表示されています。これを、画像が不自然にかなり広がってもいいので、１枚のまま、引き伸ばして表示させることはできるのでしょうか？
自分でいろいろとプロパティをいじってみましたが、それらしいものがありません。

詳しい方がいましたら、よろしくお願いします。

回答No.1

outbrave · ベストアンサー

背景画像を入れるのなら

ul.nav a, ul.nav a:visited {
padding: 5px 5px 5px 15px;
display: block;
text-decoration: none;
background-color: #8090AB;
color: #000;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background-color: #000000;
color: #FFF;
}

この中ですけど、マウスを乗せた時に背景色を変わるようにしているのに、画像をどうしたいのか謎です。

お礼

ご回答、ありがとうございます。出来ました。大変参考になりました。