el problema es q el <a> va dentro del <div> y no al reves.
Código:
<div style="width:123px; height:30px; text-align:center; padding-top:12px; font-family:Georgia, Verdana; color:#000000; float:left; background-image:url(images/taboff2.png);"><a href="carta.php">Primeros</a></div>