Probleme mit absoluter Positionierung

[Struppi]

Das Problem ist die exakte Positionierung der Layers <div id="BSZ1"> etc (siehe unten). Ich habe mehrere derartige Layers übereinandergelagert und es soll immer nur eines per radiobutton sichtbar geschaltet werden. Die Layers sind über CSS mit absoluter Positionierung plaziert. Die Position wird jedoch leider in den Browsern unterschiedlich angezeigt.
Das Layer sieht so aus:

<div id="BSZ1">
Text BSZ1
</div>
<div id="BSZ2">
Text BSZ2
</div>
etc.

Kann ich nicht nachvollziehen, bei mir sind die Bereiche Exakt an den gleichne Postionen.

<style type="text/css">  
.hide  
{  
    position:absolute;  
    display:none;  
    border:1px solid black;  
}  
</style>  

<form action="#" name="form">  
<p>  
BSZ1: <input type="checkbox" value="BSZ1" onclick="show(this)">  
<br>  
BSZ2: <input type="checkbox" value="BSZ2" onclick="show(this)">  
</p>  
<p id="BSZ1" class="hide">Text BSZ1</p>  
<p id="BSZ2" class="hide">Text BSZ2</p>  
  
</form>  

<script type="text/JavaScript">

function show(el)  
{  
    if(!document.getElementById || !el) return;  
  
    var obj = document.getElementById(el.value);  
    if(obj) obj.style.display = el.checked ? 'block' : 'none';  
}  

</script>

Struppi.