rimane spazio vuoto quando nascondo un div

[webhome]

Con questo script tramite una funzione rendo visibile ho meno una delle due foto solo che quando scompare resta comunque lo spazio vuoto. Si può risolvere?

<div id="estate" style="position:fixed; visibility:visible;">
[img]immagini/home_05.jpg[/img]
</div>
<div id="estate" style="position:fixed; visibility:hidden;">
[img]immagini/home_05.jpg[/img]
</div>

[and80]

devi modificare la proprietà "display" da block a none

[webhome]

grazie fatto ma non funziona, con il visible va ma con block no

es:

function piccolo(){
if (document.getElementById('piccolo').style.diplay =='block'){
document.getElementById('piccolo').style.diplay ='none';
} else {
document.getElementById('estate').style.style.dipl ay ='block';
}
}

piccolo

<div id="piccolo" style="display: block;">[img]immagini/home_05.jpg[/img]</div>

[webhome]

ok scusa funziona avevo sbagliato a scrivere

[and80]

scusa, mi son spiegato male, li devi usare insieme, sia visibility che display


function show(div_id){
div_id.style.visibility = 'visible';
div_id.style.visibility = 'block';
}
function hide(div_id){
div_id.style.visibility = 'hidden';
div_id.style.visibility = 'none';
}