safariで webの画像がちゃんと表示されない。 小さなブルーボッ

質問

safariで　webの画像がちゃんと表示されない。　小さなブルーボックスに？マークがでるのはなぜ？

作成中のホームページをsafariで開いてみたらimgで貼付けた画像が見えるが、横に　小さなブルーボックスに？マークがでてきます。
　サファリの環境設定でページを開く時に画像を表示にもチェックマークが入っていても同じです。
回避方法ご存知の方、おしえてください。

ナビゲーションメニューを画像にて貼付けてます。
マウスオーバーで画像の色が変わる設定です。

html側
<ul>
<li><a id="top" href="#">top</a></li>
<li><a id="top２" href="#">top2</a></li>
<li><a id="top３" href="#">top3</a></li>
<li><a id="top４" href="#">top4</a></li>
</ul>
cssで背景画像として入れています。
#top{
background-image:url(../image/top_g.png);
width:140px;
height:25px;
margin-left:40px;
}

#top:hover{
background-image:url(../image/top.png);
}

回答No.1

KenkyuHard

そもそも、#topがセットしてある<a>要素はインライン要素だから、
width:140px;height:25px;は意味が無いし、背景画像も無い。

display:blockでブロック要素に変えて確認してみやれ

#top{
display:block;
background-image:url(../image/top_g.png);
width:600px;
height:200px;
margin-left:40px;
}

お礼

ありがとうございました。