Boardunity & Video Forum - Button-Links nicht richtig dargestellt? (Weiß nicht mehr weiter)

Hi.
Ich bin langsam echt am Rande meines könnens... ich versuche z.Zt. den X-Mentor meinen Vorstellungen anzupassen... das wird noch etwas dauern, und wenn`s so weitergeht werd ich mir wohl lieber selbst was zusammenstellen... ^^"

Jedenfalls versuche ich (anscheinend als erster) das Layout des X-Mentors an meine Vorstellungen anzupassen... dazu muss ich die Navigation umplazieren.

Ich habe die Navigation in die obersten Zeile "verlegt". Ich muss noch gucken, wie das ganze mit den Subkategorien aussehen wird... aber egal...
Die Navigation wird durch Grafiken ersetzt. Dazu habe ich ein Feld in die Datenbank eingefügt und das ACP dahingehend angespasst... meine Templates sehen nun so aus:
(Header:)

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

  <title>{title}</title>

  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

  <style type="text/css">

  <!--

  body {

          background-color: #E1E1E2;        

          font-family:Tahoma, Helvetica;

          font-size:9pt;

          color:#373779;

                  padding:0px; 

                  margin:0px;

                  height: 100%;

  }

  a:link {

                  color: #333333;

                  margin:0px;

                  padding:0px;

  }

  a:visited {

                  color: #333333;

  }

  .toptitle {

          font-family: Geneva, Arial, Helvetica, sans-serif;

          font-size: 18px;

          font-weight: bold;

          color: #003366;

  }

  .toplinks {

          font-family: Geneva, Arial, Helvetica, sans-serif;

          font-size: 12px;

          color: #333333;

  }

  .toplinks a:link {

          color: #333333;

  }

  .toplinks a:visited {

          color: #333333;

  }

  .mediumtitle {

          font-family: Geneva, Arial, Helvetica, sans-serif;

          font-size: 16px;

          font-weight: bold;

          color: #006699;

  }

  td {

          font-family: Geneva, Arial, Helvetica, sans-serif;

          font-size: 12px;

          color: #000000;

          text-align: left;

  }

  p {

          text-align: justify;

  }

  td a:link {

          color: #000000;

  }

  td a:visited {

          color: #000000;

  }

  .navi {

          pointer: hand;

          cursor: hand;

  }

  .mediumcattitle,h3,h2,h1 {

          font-family: Geneva, Arial, Helvetica, sans-serif;

          font-size: 18px;

          color: #000066;

  }

  input, select, textarea {

          width: 100%;

          font-family: Geneva, Arial, Helvetica, sans-serif;

          font-size: 12px;

          color: #000000;

  }

  .top {

                  background-image: url(img/cellpic_top.gif);

                  width:100%;

                  height:33px;

  }

  .topleft {

                  margin:0px;

                  padding:0px;

                  text-align:left;

                  float:left;

  }

  .topright {

                  margin:0px;

                  padding:0px;

                  text-align:right;

                  float:right;

  }

  -->

  </style>

  </head>

  <body>

  <div class="top">

   <div class="topleft"><img src="img/top_left.gif" alt="" /></div>

   <div class="topright">{nav}</div>

  </div>

  <div align="center">

    <table width="730" border="0" cellspacing="0" cellpadding="0">

          <tr>

            <td width="455" class="toptitle"><div align="left">{title}</div></td>

          <td width="275"><div align="right" class="toplinks"><a href="?page=sea">Suchen</a> <!-- {USE_NL_1} &middot; <a href="?page=new">E-Mail-Verteiler</a> {USE_NL_2} --> &middot; <a href="?page=dis">Impressum</a> </div></td>

          </tr>

    </table>

  <br />

  <table width="730"  border="0" cellpadding="0" cellspacing="0">

    <tr>

          <td width="170" valign="top">

          </td>

          <td width="20">&nbsp;</td>

          <td width="540" valign="top">

          <table width="100%"  border="0" cellspacing="0" cellpadding="4">

            <tr>

                  <td>

Hauptkategrie:

Code:

<a href="?page=cat&catid={id}"><img src="img/{img_name}.gif" alt="{name}" height="33px" /></a>

So... das ganze ist natürlich noch lange nicht fertig, aber dieses Problem ist so gravierend...

Ich denke mal, dass es sich dabei um ein simples HTML/CSS Problem handelt, aber ich finde es einfach nicht... ^^"

Was mich darin bestätigt ist, dass dieser Fehler nur im Firefox aufzutauchen scheint... Habe allerdings auch nur Opera & Firefox zum testen...

Ich hänge mal an, wie es aussieht...

Danke schonmal für eure Hilfe.

Wenn ich`s falsch gepostet habe bitte bescheitgeben. ^^"