background-image verschwunden

[nocheinPoet]

Hallo erstmal, ich bin der Neue … :)

So ich habe da ein sehr merkwürdiges Problem.

Ich habe eine *.png Grafik, welche ich schon erfolgreich als bg-images im Hintergrund für einen Link in ein <li> element einsetze, habe mir da so einen Register-Tab gebastelt

Hier kurz das css dazu:

#register a
{
float:left;
   display:block;
   background: url("right_xxx.png") no-repeat right top;
   padding:2px 15px 4px 6px;
   text-decoration:none;
   font-weight:bold;
   color:#776655;
}

So nun habe das Bild mit einem Grafikprogramm 3px unten abgeschnitten, und oben 3px transparent rübergesetzt.

Und nun das Problem, es wird als Hindergrund Bild nicht mehr angezeigt. Wenn ich eine Tabelle mache, kann ich beide Bilder sehen, wenn ich sie als <img> in ein <td> setze, wenn ich die Bilder aber als Hintergrund Images setzte wie im folgenden code,

<table border="1" cellpadding="0" cellspacing="0" style="margin-left: 40px; margin-top: 40px;">
     <tr><td width="400" height="30" style=": b; background-color: ThreedFace;">TABLE</td></tr>
     <tr><td width="400" height="30" style=": b; background-color: ThreedFace; background: url(right_xxx.png); background-repeat: no-repeat;">xxx</td></tr>
     <tr><td width="400" height="30" style=": b; background-color: ThreedFace; background: url(right_xxx_new.png); background-repeat: no-repeat;">yyy</td></tr>
    </table>

wird das neue einfach nicht angezeigt. Ich bin völlig überfragt, kann denn das Grafikprogramm (Adobe) da was kappt gemacht haben?

Aber warum kann ich es den als normales <img> anzeigen?

Hilfe bitte… :)