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