Non hai postato il CSS dell'oggetto <nav> (che poi e` un tag che esiste solo da HTML 5, per cui non funziona in tutti i browser).
Questo impedisce di capire perche` non vedi il menu (oltre al display:inline)

finestra non puo` avere display:inline. Deve essere di tipo blocco

Mai mescolare formattazione HTML e formattazione CSS: l'interpretazione che ne fanno i browser non la controlli piu` tu.
Nel tuo caso togli width e height dall'HTML e mettili nel CSS.

Per spostare il posizionamento dell'immagine, aggiungi ad ogni voce del menu:
codice:
<li><a class="home" href="#" onclick="sposta(-1600,-2500)">Home</a></li>
dove chiaramente i valori saranno diversi in ogni voce
Poi devi dare un nome all'oggetto da spostare, quindi il tag <img> diventa:[code]<img id="mondo" src="..." alt="...">

Poi nella head del file HTML aggiungi:
codice:
<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>
Ultima considerazione: non usare l'attributo alt nel tag <img> e` un grave errore di accessibilta` e un piccolo errore di semantica

PS: il codice JS andrebbe posizionato in un file esterno (come anche il CSS), ma per le prove e` piu` comodo usarlo interno al file HTML