Hola Cain, lo he intentado de varias maneras y no me termina de salir con las funciones de javascript, estoy bien pegado en javascript
</head>
<script language="JavaScript" type="text/JavaScript">
function ocultar() {
document.getElementById("menu").style.display = 'none';
}
function mostrar(){
document.getElementById("menu").style.display = 'block';
}
</script>
<style>ul#menu{
display: block;
list-style-type : none;
visibility: hidden;
}
</style>
<style>
A.menulink {
display: block;
width: 80px;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:11px;
color: #ffffff;
border: solid 1px #FFFFFF;
background-color:#000066;
}
A.menulink:hover {
display: block;
border: 1px dashed #6100C1;
background-color:#000066;
color: #ffffcc;
text-align:center;
}
</style>
<body>
<ul id="menu">
<li><a href="furgonetas.htm"class="menulink">Apartado 1</a></li>
<li><a href="ofertas.htm" class="menulink">Apartado 2</a></li>
</ul>
<a href="#" onMouseOver="document.getElementById("menu").style .display = 'block';" onMouseOut="document.getElementById("menu").style. display = 'none';">
<img src="botonarribapunto.gif" width="90" height="18" border="0"></a>
</body>
</html>