Tabelle mit CSS gestalten??

[hawkmaster]

Hallo zusammen,
in meinen Webseiten kommen noch viele Tabllen vor die rein für die Gestaltung und das Layout da sind.
Ich habe bereits einiges gelesen das man dies nicht mehr gerne sieht und man es möglichst mit CSS umsetzen soll.
Ich möchte mal ganz einfach anfangen.
Es gibt z.b. eine Tabelle als Hauptnavigation.
Hier ist eine Zeile (<tr>) mit 12 Spalten.
Beispiel(gekürzt)
--------------------------------------------------------------------------------
  <table width="750">
        <tr>
          <td width="60">
            <div align="center">
              <input class='imgborder' name="image_document" type="image"  src="../image/document.gif"  title="Dokument"  />
              <br />
              Dokument            </div></td>
          <td width="50">
            <div align="center"> <img src="../image/note.gif" class="imgborder" alt="Note" title="Notiz" onclick="window.open('opmsg.php')"  />
              <br />
              Notiz              <br />
          </div></td>
          <td width="50">
            <div align="center"> <img src="../image/config.gif" class="imgborder"  alt="Config" title="Config" onclick="window.open('config.php')"   />
              <br />
              Config          </div></td>
          <td width="50">
            <div align="center"> <img src="../image/info.gif" class="imgborder"  alt="Info" title="Info" onclick="window.open('about.php')"   />
              <br />
              Info    </div></td>

</tr>
      </table>
------------------------------------------------------------------------

Wie könnte man dies nun am besten mit CSS umsetzen?
Ich weiss nicht so recht wie ich anfangen soll

vielen Dank und viele Grüße
hawk