Probleme menu javascript

Bonjour,
j'ai utilisé un petit menu avec javascript pour l'insérer dans une page. Le voici http://www.icemanf1.com/include/actudroit.php En fait tout est comme je le veux sauf que je souhaiterais que le "sous menu 2008" ne soit pas affiché lors du démarrage de la page. Je voudrais qu'il soit masqué directement et pas quand la souris passe sur 2008. J'espère que j'ai été clair ...

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>
    </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>

Merci d'avance pour votre aide ...