div problem

Hej,

Här är min css

#divTopLogo
{
position:absolute;left:20; top:0; width:220;
}

#divTopMenu
{
position:absolute;left:20; top:80; width:800;
}

#divMain
{
position:absolute;left:20; top:120; width:640;
}

#divRightAd
{
position:absolute;left:645; top:120; width:140;
}

#divFooter
{
position:relative;
width:800;
}

och här är html koden som den är nu.

<div name="divMain" id="divMain">

  <table border="0" cellpadding="1" cellspacing="0" width="100%" height="100%">
    <tr>
      <td>Välkommen till sidan</td>
    </tr>
  </table>

</div>

<div name="divRightAd" id="divRightAd">

  <table border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td align="right"><img src="ad/ad_scandinavia.gif" border="0"></td>
    </tr>
  </table>

</div>

<div name="divFooter" id="divFooter">
  <table id="tFooter">
    <tr>
      <td>
        <hr noshade size="1" width="800" color="#000000">
        <a href="info.asp">Information</a>&nbsp;|&nbsp;<a href="terms.asp">villkor</a>&nbsp;|&nbsp;<a href="mailto:#">kontakt</a>
      </td> 
    </tr>
  </table>
</div>

http://www.gigolo.se/snooky/div.gif <- så vill jag att det skall se ut
http://www.gigolo.se/snooky/default.asp <-- så ser det ut

divFooter skall alltid löpa längst ner.
divMain och divRightAd har olika höjd och divFooter är relativ till den av dem som är högst beroende på innehållet i div:en.

Man skulle kunna lösa det genom att lägga en tabell i divMain och spalta upp den.. men frågan är om det går lösa den med en fristående div som är relativ till båda divMain och divRightAd?

/t

Behöver du verkligen köra position:absolute ? .. tycker inte det

det har du rätt i, har ingen koll på div alls men jag tog bort alla absolute och sate float:left; på divMain och då fungerade det som det skulle.

fråga:
vilken funktion tycker du att tabellerna fyller i din layout?