div style="display:none" e varianti

[-AA-]

Sto usando js ShowAndHide per fare 1 sottomenu di un tab menu e funziona bene, quello che non mi garba è che quando mostro il sottomenu della singola voce, tutto il sito (dal sottomenu in giù) si sposta in basso...perchè appunto mi mostra il div che era nascosto

come è che si fa a nascondere 1 div ma far si che lo spazio occupato da quel div sia "utilizzato" ?

[-AA-]

posto la risposta l'ho trovata...nel caso qualcuno vuole fare la stessa cosa
(per le immagini prendere quelle di un qualsiasi tab menu...)

/*Stile del Menu*/

#nav {
  position:absolute;
  width:1001px;
  background:#DAE0D2 url("./immagini-menu/bg.gif") repeat-x bottom;
  font-size:93%;
  line-height:normal;
  }
#nav ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#nav li {
  float:left;
  background: url("./immagini-menu/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  font-family:verdana;
  font-size:10px;
  }
#nav a {
  float:left;
  display:block;
  background: url("./immagini-menu/right.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#nav a {float:none;}
/* End IE5-Mac hack */
#nav a:hover{
  color:#333;
  }
#nav #current {
  background-image: url("./immagini-menu/left_on.gif");
  }
#nav #current a {
  background-image: url("./immagini-menu/right_on.gif");
  color:#333;
  padding-bottom:5px;
  }

Ora nella pagina questo:

<script type="text/javascript">
function ShowAndHide(id1,id2){
if(document.getElementById){
el1=document.getElementById(id1);
el2=document.getElementById(id2);
if(el1.style.visibility=="hidden"){
el1.style.visibility="visible";
el2.style.visibility="hidden";
}
else{
el1.style.visibility="hidden";
el2.style.visibility="visible";
}
} }
</script>


<div id="nav">
  <ul>[*]Home[/list]
</div>

<div id="commenti" style="visibility:hidden">
Nascondi commenti


elemento di pagina.</p>
</div>

spero possa essere utile