zwei Rolloverbutton nebeneinander darstellen

[Mike]

Hallo,

ich hab folgende Angabe im Head:

<style>
   .button1       { display: table;
                    background-image: url(mini_thumbs/grau/grau_i0010.gif);
                    width: 100px; height: 38px;}
   .button1:hover { background-image: url(mini_thumbs/mini_i0010.gif); }

.button2       { display: table;
                    background-image: url(mini_thumbs/grau/grau_i0011.gif);
                    width: 80px; height: 60px;}
   .button2:hover { background-image: url(mini_thumbs/mini_i0011.gif); }
 </style>

und im body folgende Angabe:

<td class="td_align_top_left">
        <span style="margin-left: 71px">
         <img class="pfeil" src="images/pfeil_links.gif" alt="Pfeil" />
          <a href="fmt_i0002.html" title="voriges Bild" class="button1"></a>
          &nbsp;&nbsp;&nbsp;&nbsp;
          <a href="fmt_i0003.html" title="n&auml;chstes Bild" class="button2"></a>
          <img class="pfeil" src="images/pfeil_rechts.gif" alt="Pfeil" />
         </span>
        </td>

Jetzt werden beide Button inkl. Pfeile untereinander angezeigt. Zuerst dachte ich, es liegt am display:block, aber wenn ich inline eingebe, verschwinden die Buttons. Habt Ihr ne Ahnung, was ich falsch mache?