Liで背景画像が表示されない

よく見かけるLiでナビゲーション項目を表示させるのを
しようとしているんですが、Liの背景画像が上手く表示されません。

navigationの背景画像は表示されたのですが、liで指定した
背景画像が表示されません。
どこが悪いのでしょうか??
初歩的な事かもしれませんが、よろしくお願いします。



#navigation {
WIDTH: 900px;
height:50px;
background: url(./h_side.jpg);
background-position: left top;
text-align:left;

ul { margin: 0px; padding: 0px;}
li { display: block; }

.menuA01 {
width: 178px;
height:50px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 0px;
text-decoration: none,
background : url(./menuA01.jpg);
background-position: left top;
float: left;



<div id="navigation">
<ul>
<li class="menuA01"><a href="/index.html">menuA01</a></li>
<li class="menuA02"><a href="/index.html">menuA02</a></li>
<li class="menuA03"><a href="/index.html">menuA03</a></li>
<li class="menuA04"><a href="/index.html">menuA04</a></li>
<li class="menuA05"><a href="/index.html">menuA05</a></li>
</ul>
</div>

No.1 ベストアンサー 回答者： yambejp 回答日時： 2008/06/02 02:02

本当にこのままのソースであれば、文法が間違ってますね。

まずは「#navigation {」が「}」で閉じてない
それと「 text-decoration: none, 」のケツが「,」ではなく「;」では？
とにかくこまかいボーンヘッドを修正して再チャレンジ

この回答へのお礼

あ、;が抜けていただけでした。

お騒がせしました。
ありがとうございます。

お礼日時：2008/06/02 17:13