CSS boxmodellen - flydende?

uhm, jeg sidder her og fedter med noget CSS .. jeg vil gerne "emulere" 2 celler i en tabel med <div>'s i CSS.

så kort sagt kan man sige jeg ønsker dette:

HTML:
--------------------------
<table>
  <tr>
    <td>content1</td>
    <td>content2</td>
  </tr>
</table>
--------------------------

Problemet ligger i jeg ikke kan få gjort den skillelinje i "midten" flydende således den altid vil være 100% i højden mellem 2 de celler.

hvordan skal stylesheetet se ud for følgende:

<div id="pagebody">
<div id="content1">
</div>
<div id="content2">
</div>
</div>

hvor #pagebody { border: 1px solid black; }

???

det jeg ønsker kan i praksis ses på http://alistapart.com

altså en 2delt content side hvor jeg har en border i midten til hele tiden at "dele" indholdet fra submenuen

har ledt hele dagen og har ikke fået svar endnu :/

På forhånd tak.