Hovermenü will nicht so wie ich

Hi,
Ich hab ein problem und dreh am rad... Ich weiß einfach nicht warum das nicht tut. Das Problem ist das die Hovergrafiken nicht so angezeigt werden wie sie sollen.. nahmlich garnicht. Das komische ist wenn ich die Seite lokal betrachte dann werden sie wunderbar angezeigt.. ich poste einfach mal den CSS Code ewt. findet einer von euch einen Fehler!

a.menu {
      display:block;
      color:#CCCCCC;
      width:132px;
      padding:3px;
      font-size:10px;
      font-family:Verdana, Arial, sans-serif;      
      text-decoration:none;
      text-align:left;
      margin:0px;
      background-image: url(Bilder/Button.gif);

      }
   a.menu:hover {
      display:block;
      color:#666666;
      background-image: url(Bilder/Button_hover.gif);

      }

Und aufrufen mit :

<div class="menu"> [url='index.php?site=sponsors'][img]Bilder/pfeil2.gif[/img] Sponsors [/url]</div>

Die bilder liegen im Root verzeichniss im Ordner Bilder.. daran liegt es also nicht.. ich hab schon alles mögliche versucht. ach ja zur hilfe das sind die bilder

Normal:

[Blockierte Grafik: http://dream-architects.de/fantic/Bilder/button.gif]

Hover:
[Blockierte Grafik: http://dream-architects.de/fantic/Bilder/button_hover.gif]