Frage ob das Taballarische Daten sind und CSS Frage

[Twilo]

Hallo,

sind das Tabellarische Daten?
Ein User soll ein Motiv per Radio-Button auswählen können.
Kann man das vielleicht noch etwas geschickter lösen?

<form id="formular" method="post" action="">
  <table id="motive">
    <tr>
      <td><img src="/images/motiv_0.png" alt="" title="Motiv 1" /><br />
        <input type="radio" name="motiv" value="0" /></td>
      <td><img src="/images/motiv_1.png" alt="" title="Motiv 2" /><br />
        <input type="radio" name="motiv" value="1" /></td>
      <td><img src="/images/motiv_2.png" alt="" title="Motiv 3" /><br />
        <input type="radio" name="motiv" value="2" /></td>
      <td><img src="/images/motiv_3.png" alt="" title="Motiv 4" /><br />
        <input type="radio" name="motiv" value="3" /></td>
    </tr>
    <tr>
      <td colspan="4">&nbsp;</td>
    </tr>
    <tr>
      <td><img src="/images/motiv_4.png" alt="" title="Motiv 5" /><br />
        <input type="radio" name="motiv" value="4" /></td>
      <td><img src="/images/motiv_5.png" alt="" title="Motiv 6" /><br />
        <input type="radio" name="motiv" value="5" /></td>
      <td><img src="/images/motiv_6.png" alt="" title="Motiv 7" /><br />
        <input type="radio" name="motiv" value="6" /></td>
      <td><img src="/images/motiv_7.png" alt="" title="Motiv 8" /><br />
        <input type="radio" name="motiv" value="7" /></td>
    </tr>
  </table>
</form>

dann hab ich noch dieses CSS

<style type="text/css">
<!--
#motive {
 vertical-align: bottom;
 border: none;
 width: 100%;
}
#motive td {
 width: 25%;
 text-align: center;
 vertical-align: bottom;
}
-->
</style>

warum stellt er die Motive mit den Radiobuttons nicht unten dar?

mache ich
<tr valign="bottom">
dann ist es wie gewünscht

mfg
Twilo