Úprava v CSS, neodkazuje obrázek

Zdravim,

chtěl jsem se zeptat proč nefunguje odkaz po kliknutí na obrázek v tabulce:

Kód:

   <table class="second">
    <tr>
      <td><div class="abc"><a href="http://www.seznam.cz/" alt="obrázek" rel="nofollow"></a></div></td>
      <td><div class="abc"><a href="http://www.seznam.cz/" alt="obrázek" rel="nofollow"></a></div></td>
      <td><div class="abc"><a href="http://www.seznam.cz/" alt="obrázek" rel="nofollow"></a></div></td>
    </tr>
    <tr>
      <td><div class="abc"><a href="http://www.seznam.cz/" alt="obrázek" rel="nofollow"></a></div></td>
      <td><div class="abc"><a href="http://www.seznam.cz/" alt="obrázek" rel="nofollow"></a></div></td>
      <td><div class="abc"><a href="http://www.seznam.cz/" alt="obrázek" rel="nofollow"></a></div></td>
    </tr>
  </table>

CSS:

Kód:

.abc {background: url(/obrazky/obrazek.jpg) no-repeat;width: 199px;height: 121px;border:0;margin: 0;padding: 0;}
.abc:hover {background: url(/obrazky/obrazek1.jpg) no-repeat;}

Jak by to mělo vypadat a klikat na jednotlivé obrázky je v příloze.
Díky moc za rady.

obrázek je nastaven na pozadí divu a odkaz je pouze velikost kolem textu.
pokud chceš mít pouze obrázek, tak nejjednodušší je:

Kód:

<a href=""> <img src=""/ > </a>

nebo můžeš nastavit display block odkazu a před obrázek ještě vkládat text:

Kód:

<a class="odkaz" href=""> abc </a>

a v css:

Kód:

.odkaz{
display:block;
width: xxx;
height: xxx;
background: xxx;
}

---------- Příspěvek doplněn 21.06.2012 v 09:27 ----------

koukám, že tam chceš mít hover efekt, tak ten můj druhý příklad by ti na to šel.

Kód:

.odkaz:hover{
background: jiny bg;
}

Samozřejmě je více možností, jak to udělat...

Moc děkuju, funguje to :)