3 checkbox ma restano spazi ai div nascosti

[djjunior]

Carissimi,
ho questo script che funziona correttamente... però alternando le tre selezioni lascia lo spazio dove ci sono gli div disattivati che sono campi di form in tabella, come posso ovviare al problema?
Grazie

<script type="text/javascript">
<!--
function visiona(){
var f = document.preventivo;
if(!f.a.checked){
document.getElementById("privato").style.visibility='hidden';
}else{
document.getElementById("privato").style.visibility='visible';
}
if(!f.b.checked){
document.getElementById("azienda").style.visibility='hidden';
}else{
document.getElementById("azienda").style.visibility='visible';
}
if(!f.c.checked){
document.getElementById("ditta").style.visibility='hidden';
}else{
document.getElementById("ditta").style.visibility='visible';
}
}
// -->
</script>

Ai checkbox:

<input  id="a" type="radio" name="tipologia" value="ON" onClick="visiona()">

<input  id="b" type="radio" name="tipologia" value="ON" onClick="visiona()">

<input  id="c" type="radio" name="tipologia" value="ON" onClick="visiona()">

I div:

<div id="privato">CAMPI PRIVATO</div>

<div id="azienda">CAMPI azienda</div>

<div id="ditta">CAMPI ditta</div>

G.

[cavicchiandrea]

Invece del visibility='hidden'; usa display='none'; e per visibility='visible'; usa display='block';

[djjunior]

Perfetto come sempre...
Grazie
G.