Menu masqué

Bonjour,
j'ai un menu de ce type : http://www.icemanf1.com/include/actudroit.php.
Et vous remarquez que quand on passe le curseur sur "2008" le menu en dessous disparait. C'est voulu. Mais ce que je n'arrive pas à faire c'est que ce menu soit masqué dès l'ouverture de la page ... Est-ce possible ? Et comment faire ?

Voici le code du menu :

<script>
function afficheId(baliseId)
  {
  if (document.getElementById && document.getElementById(baliseId) != null)
    {
    document.getElementById(baliseId).style.visibility='visible';
    document.getElementById(baliseId).style.display='block';
    }
  }

function cacheId(baliseId)
  {
  if (document.getElementById && document.getElementById(baliseId) != null)
    {
    document.getElementById(baliseId).style.visibility='hidden';
    document.getElementById(baliseId).style.display='none';
    }
  }
</script> 
<div>
  <ul>
    <div class="Style4">2009</div>
    <ul>
      		        <li> <a href="janvier2009.php">Janvier</a></li>
			<li> <a href="fevrier2009.php">F&eacute;vrier</a></li>
			<li> <a href="mars2009.php">Mars</a></li>
    </ul>
  </ul>
  <ul>
    <div onMouseOver="afficheId('menu1');" onMouseOut="cacheId('menu1');" class="Style4">2008</div>
    <ul id="menu1" onMouseOver="afficheId('menu1');" onMouseOut="cacheId('menu1');">
      		        <li> <a href="juillet2008.php">Juillet</a></li>
			<li> <a href="aout2008.php">Ao&ucirc;t</a></li>
			<li> <a href="septembre2008.php">Septembre</a></li>
			<li> <a href="octobre2008.php">Octobre</a></li>
			<li> <a href="novembre2008.php">Novembre</a></li>
			<li> <a href="decembre2008.php">D&eacute;cembre</a></li>
    </ul>
  </ul>
</div>

Je suis sur que ca doit etre tout con, et que je suis passé à côté ...
Merci d'avance pour votre aide ...