<table> driller

Hej Eksperter.

Jeg er ved at lave en hjemmeside og tabellerne driller. På forsiden har jeg en "mainframe" med hovedindholdet. Den vil jeg gerne have til at bestå af fire forskellige tabeller. Koden til den enkelte tabel kan ses nedenfor (med reference til et style-sheet). Jeg vil gerne have 4 tabeller i min mainframe. Når jeg indsætter nedenstående kode fire gange i min html-fil placerer den tabellerne ved siden af hinanden (naturligvis).

Jeg vil gerne, at to af tabellerne står øverst, og de to andre nedenunder. Hvordan gør jeg det?

Venligst
Thue


HTML (indsættes 4 gange efter hinanden):
<td style="vertical-align:top; width: 290px">

  <div class="rightmain">

    <img src="images/kommune.gif" width="180" height="135"   
    alt="Kommune" />Og så lidt tekst3.

  </div>
</td>

CSS:
.rightmain{
    border:1px solid #FF9900;
    font-size:9px;
    margin-left:1px;
    font-weight:normal;
    height: 200px;