Vis/skjul script overlapper hinanden!

Jeg bruger følgende script til at vise/skjule en tekst clientside ved at trykke på overskriften:

<!-- Vis/skjul funktion -->
<script type="text/javascript">
function visk(e,h){
e = document.getElementById(e);
p = h.childNodes[0];
f = (e.style.display=="none")?1:0;
p.src = (f)?"../images/minus.gif":"../images/plus.gif"
e.style.display = (f)?"inline":"none";
}
</script>

Og her bruger jeg den så:

<a href="#" onclick="visk('help',this);"><img src="../images/plus.gif" border="0" />Help, I need somebody (click to ask a question)!</a><br>
<table id="help" style="position: absolute; display: none;"><tr><td>
<form>
bla bla
</form>
</td></tr></table><br>

<a href="#" onclick="visk('q1',this);"><img src="../images/plus.gif" border="0" /><em>Question 1</em></a><br>
<table id="q1" style="position: absolute; display: none;"><tr><td>
Text 1
</td></tr></table><br>

<a href="#" onclick="visk('q2',this);"><img src="../images/plus.gif" border="0" /><em>Question 2</em></a><br>
<table id="q2" style="position: absolute; display: none;"><tr><td>
Text 2
</td></tr></table>

Det virker fint med at åbne og lukke tabellerne, mit problem er imidlertid at når jeg åbner en af dem så overlapper den al det nedenstående indhold, istedet for at 'skubbe' det længere ned på siden. Det er sådan set et rimeligt stort problem, for det bliver mildest talt ulæseligt :/

Nogen der har et bud på hvordan jeg får indholdet til at tilpasse sig hinanden?