Lästiger Rand bei bgimage

[EneR]

Hallo,
ich habe folgende Seite Programmiert;
http://game.aypac.de/
und rechts im Login-Bereich, gibt es im Rand diese Hässlichen schwarzen Streifen zwischen den Bildern. Ich habe den Rand per style="background-image:url(PFAD);" gebaut. Hier der (Teil-)Quelltext:

<table width=330 heigth=200  style="margin:6px" border=0>
       <form action="http://aypac.de/GAME/login.php" method="post">
       <tr>
        <td height=30 width=30 style="background-image:url(http://aypac.de/GAME/pics/login.rand.corner.links.oben.gif);">
        </td>
        <td colspan=2 style="background-image:url(http://aypac.de/GAME/pics/login.rand.oben.gif);">
        </td>
        <td style="background-image:url(http://aypac.de/GAME/pics/login.rand.corner.rechts.oben.gif);">
        </td>
       </tr>
       <tr>
        <td rowspan=6 width=30 style="background-image:url(http://aypac.de/GAME/pics/login.rand.links.gif);">
        </td>
        <td colspan=2 bgcolor=989898>
         <font size="+1">LOGIN</font>
         <?php $error = $_GET['error']; if ($error == activated) { echo "<br>Ihr account ist noch<br>nicht aktiviert,<br>bitte lesen sie die<br>Anweisungen in Ihrer E-Mail!"; } elseif ($error == usrnamepw) { echo "<br>Benutzername oder<br>Passwort falsch!"; } ?>
        </td>
        <td rowspan=6 width=30  style="background-image:url(http://aypac.de/GAME/pics/login.rand.rechts.gif);">
        </td>
       </tr>
       <tr>
        <td align="right" width=10 bgcolor=989898>
         Benutzername:
        </td>
        <td width=25 bgcolor=989898>
         <input name="username" type="name" size="23" maxlength="20" value="" />
        </td>
       </tr>
       <tr>
        <td align="right" width=10 bgcolor=989898>
         Passwort:
        </td>
        <td bgcolor=989898>
         <input name="clear" type="hidden" value="true" />
         <input name="passwort" type="password" size="23" maxlength="20" />
        </td>
       </tr>
       <tr>
        <td align="right" valign="top" width=10 bgcolor=989898>
         Server:
        </td>
        <td bgcolor=989898>
         <select name="s">
          <option value=1>Server 1</option>
          <option value=2>Server 2</option>
         </select>
        </td>
       </tr>
       <tr>
        <td width=10 bgcolor=989898>
         <input id="cookie" type="checkbox" name="cookie" value="true" />
         <label for="cookie">Eingeloggt bleiben</label>
        </td>
        <td bgcolor=989898>
         <input type="image" src="http://aypac.de/GAME/pics/login2.gif" width=160 heigth=120 />
        </td>
       </tr>
       <tr>
        <td colspan=2 bgcolor=989898></form>
         <a href="http://www.aypac.de/GAME/pw_vergessen.php">Passwort vergessen</a>
         <br>
         <a href="http://www.aypac.de/GAME/anmelden.php">Jetzt kostenlos anmelden!</a>
        </td>
       </tr>
       <tr>
        <td height=30 style="background-image:url(http://aypac.de/GAME/pics/login.rand.corner.links.unten.gif);">
        </td>
        <td colspan=2 height=30 style="background-image:url(http://aypac.de/GAME/pics/login.rand.unten.gif);">
        </td>
        <td height=30  style="background-image:url(http://aypac.de/GAME/pics/login.rand.corner.rechts.unten.gif);">
        </td>
       </tr>
      </table>

[Glory]

Erstmal: lass diese Seite bitte mal beim WC3 Validierer auf Fehler überprüfen. Da sind nämlich eine Menge selbiger enthalten.

Zu deinem Problem: du benutzt Tabellen, die du mit CSS formatierst. Diese schwarzen Ränder verdankst du den Tabellen, wobei dir das hier weiterhelfen sollte. Du könntest allerdings auch <div>s anstelle von Tabellen benutzen.