div hidden che lascia spazio

[Sonikag]

ho una serie di div csì:

<div id="desc1">1</div>
<div id="desc2">2</div>
<div id="desc3">3</div>

lo stile è:

#desc1{
visibility:hidden;
font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;;
color: #fff;
text-align: center;
}

in visualizzazione sono sì nascosti ma occupano il loro spazio, come posso far perchè siano veramente nascosti e non visibili?
oppure se esistono mi vanno bene alternative csseose in modo che non occupino spazio...