Layout mit Tabellen

[Tani]

Ja ich weiß, man sollte das Layout nicht mit Tabellen oder Frames machen. Nur habe ich das mit den div's nicht so hingekriegt.

Ich habe jetzt außenrum leere Zellen, die 2px breit sein und als Rahmen dienen sollen. Er verändert aber nicht die Breite? Es könnte es daran liegen, weil die Zelle vielleicht leer ist?

http://80.190.247.228:8520/servlet/jfchat

Hier die Tabelle
<table class="tb_main" cellspacing="0" align="center">
  <tr>
   <td class="rand" colspan="3"></td>
  </tr>
  <tr>
   <td class="rand"></td>
   <td class="top_navi"></td>
   <td class="rand"></td>
  </tr>
</table>

<table class="tb_main" cellspacing="0" cellpadding="0" align="center">
<tr>
  <td class="rand" rowspan="4"></td>
  <td class="logo" valign="top" align="left">
<img border="0" src="../yamuk/design/logo_oben_ecke.jpg"></td>
  <td class="head">head</td>
  <td class="rand" rowspan="4"></td>
</tr>
<tr>
  <td class="main" colspan="2">main</td>
</tr>
<tr>
  <td class="spacerh" colspan="2">spacerh</td>
</tr>
<tr>
  <td class="foot" colspan="2">foot</td>
</tr>
</table>

Und CSS:
.tb_main {width:750px; border: 0px;}
.rand {background-color:#818181; width:2px; height:1px;}
.main {background-color:#fbfbfb;}
.spacerh {background-color:#fbfbfb; height:1px;}
.foot {background-color:#fbfbfb;}
.head {background-color:#fbfbfb;}
.top_navi {background-image:url(design/logo_oben.jpg); height:92px; width:100%;}
.logo {background-color:#fbfbfb; width:110px; height:62px;}