Sahra: Firefox und der Hover Effekt

Beitrag lesen

Hallo Leute,

ich habe bei mir ne Tabelle die sieht so aus:

<table width="119" cellpadding="0" cellspacing="0" class="tabelle">
                      <tr>
                        <td align="right" class="td"><a href="../site/index.html">Home</a></td>
                      </tr>
                      <tr>
                        <td align="right" class="td-ohne"><img src="../images/table-space.gif" width="26" height="9"></td>
                      </tr>
                      <tr>
                        <td align="right" class="td"><a href="../site/kuenstler/uebersicht.htm">K&uuml;nstler</a></td>
                      </tr>
                      <tr>
                        <td align="right" class="td-ohne"><img src="../images/table-space.gif" width="26" height="9"></td>
                      </tr>
                      <tr>
                        <td align="right" class="td"><a href="../site/texte/1.htm">Text</a></td>
                      </tr>
                      <tr>
                        <td align="right" class="td-ohne"><img src="../images/table-space.gif" width="26" height="9"></td>
                      </tr>
                      <tr>
                        <td align="right" class="td"><a href="../site/location/1.htm">Location</a></td>
                      </tr>
                      <tr>
                        <td align="right" class="td-ohne"><img src="../images/table-space.gif" width="26" height="9"></td>
                      </tr>
                      <tr>
                        <td align="right" class="td"><a href="../site/arbeiten/1.htm">Arbeiten</a></td>
                      </tr>
                    </table>

und ein css das geht so:

html, body{
 background: #999999;
 overflow: auto;
}

.tabelle{
 width:119px;
 }

.td{
 background-image:  url(../images/verlauflinkenavi.jpg);
 text-align:right;
 padding-right:2px;
 color:#999999;
 height:14px;
 font-size:12px;
 font-family:Arial, Helvetica, sans-serif;
 }

.tabelle td A:hover {
 text-decoration: none;
 color:605E5E;
}
.tabelle td A:active {
 text-decoration: none;
 color:7F7F7F;
}

.tabelle td A:link {
 text-decoration: none;
 color:7F7F7F;
}
.tabelle td A:visited {
 text-decoration: none;
 color:7F7F7F;
}

.td-ohne{
 text-align:right;
 padding-right:2px;
 }

Jetzt frage ich mich warum das Hover beim Firefox garnicht geht und beim IE nur die mittleren Links funktionieren...

Bis dann Sahra