※ ChatGPTを利用し、要約された質問です（原文：ナビゲーションバーの背景画像が表示されません（CSS））
ナビゲーションバーの背景画像が表示されません（CSS）
このQ&Aのポイント
ホームページ作成中にナビゲーションバーの背景画像が表示されません。
スタイルシートの記述例を参考にしたが思うように表示できない。
リンクを張らない部分について背景画像が表示されない。
ナビゲーションバーの背景画像が表示されません（CSS）
私は今ホームページを作っておりまして、
先日ウェブデザインについての本を買ったのですがそこに書かれていた
スタイルシートの記述例（ナビゲーションバーです）をまねて
自分で記述してみたのですが思うように表示できません。
どなたか教えてください。
◆問題の部分です◆
スタイルシート
div#navi{
width:900px;
margin-bottom:7px;
padding-bottom:7px;}
ul ,li{
margin:0;
padding:0;
}
ul#navbar{
list-style-type:none;
width:900px;
float:right;
}
ul#navbar li,
ul#navbar li a{
float:left;
text-indent:-9999px;
display:block;
width:100px;
height:25px;}
ul#navbar li#link a{
background:url(image/menu-kyousitu.png) no-repeat left top;
float:right;}
以下同じ様にメニューが続き
ul#navber li#sample1{background:url(image/menu-a5.png) no-repeat left top;
float:right;}
↑最後のsampleの部分はリンクを張らないようにしたいのでこのように記述したところ、この部分には背景画像が表示されません。
HTML
<div id="navi">
<ul id="navbar">
<li id="link"><a href="＊＊">リンク集</a></li>
<li id="sample1">sample</li>
</div>
見苦しい分で申し訳ありませんが、どなたかよろしくお願いします。
