Firefoxでbackground-imageが上手く表示されない。
Firefoxでbackground-imageの画像が文字の部分しか表示されません。
(IEでは表示されます。)
http://hptoolbox.tm.land.to/
のトップメニューです。
スタイルシートのソースは以下の通りです。
=========================================
A.tab:Link,A.tab:Visited{
color : #336699;
text-decoration:none;
width : 124px;
height : 25px;
background-image : url(../images/tab1.gif);
background-repeat: norepeat;
background-position: left;
text-align:center;
font-size: 12px;
margin-left:2px;
padding-top:5px;}
a.tab:hover{
background-image : url(../images/tab2.gif);
background-repeat: norepeat;
background-color:transparent;
}
=========================================
HTMLは以下の通りです。
=========================================
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="124" height="25" align="center"><a class="tab" href="index.php">トップ</a></td>
<td width="124" height="25" align="center"><a class="tab" href="cgi-bin/ps/ps_user.cgi?act=reg1">サイトの登録</a></td>
td width="124" height="25" align="center"><a class="tab" href="cgi-bin/ps/ps_search.cgi?act=new">新着サイト</a></td>
<td width="124" height="25" align="center"><a class="tab" href="cgi-bin/ps/ps_search.cgi?act=rank">アクセスランキング</a></td>
<td width="124" height="25" align="center"><a class="tab" href="cgi-bin/ps/ps_search.cgi?act=plink">パーソナル</a></td>
<td width="124" height="25" align="center"><a class="tab" href="link.html">リンク</a></td>
<td width="124" height="25" align="center"><a class="tab" href="contact.html">お問い合わせ</a></td>
</tr></table>
=========================================
どなたか原因を教えて頂けないでしょうか。
宜しくお願い致します。