Ho risolto con il fatto del menù, bastava inserire al posto di display :inline; display:block come dicevi tu, nel css di finestra. Ora rimane il problema che riguarda lo spostamento, non capisco cosa ho dimenticato.
Posto il codice:
codice:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>

<script type="javascript">
  function sposta(x,y) {
    var ogg = document.getElementById("mondo");
    ogg.style.left = x+"px";
    ogg.style.top = y+"px";
    return false;              /* questo andra` poi tolto se il menu serve anche per andare da qualche parte */  
  }
</script>

<style type="text/css">
#finestra {
    width: auto;
    height: 750px;
    overflow: hidden;
    position: relative;
    display: block;
    z-index: 0;
}
#finestra img {
    display: block;
    position: absolute;
    left: -1600px;       /* questi due sono da definire in base alle esigenze */
    top: -2500px;
    width: 4724 px;
    height: 4134px;
}
#menu{
    background: #fff;
    height: 45px;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
    font-family: "kg_second_chances_sketchRg";
}

#menu ul{    
width:960px;
margin:0 auto;
height:25px;
padding-top:15px;    
}

#menu ul li{    
float:left;
height:30px;
width:200px;
padding-left:0;
list-style-type:none;
text-align:center;
}

#menu ul li a{    
color:#333;
font-weight:bold;
text-decoration:none;
}
</style>
</head>

<body>
<nav id="menu">
   <ul>
           <li><a class="home" href="#" onclick="sposta(-1600,-2500)">Home</a></li>
</ul>
</nav>
<div id="finestra">
<img id="mondo" src="sfondo-presentazione.jpg" alt="descrizione che metterò in futuro">
</div>
    
   


</body>
</html>



la descrizione dell'immagine la metterò in futuro