Ciao a tutti! Sto muovendo i miei primi passi... abbiate pietà!!!

Ecco il link di un piccolo archivio di 3 file (index.html, intesta.png, pulsante.png):

archivio.zip


Nel file html sono definiti degli stili per alcuni livelli... Quello che non riesco a capire è come mai l'immagine sul livello "menu" (ovvero un finto pulsante) non venga centrato sul livello... Eppure il livello "intesta" con margin-left e margin-right impostati su auto viene centrato senza problemi. Invece il livello "menu", che ha le stesse impostazioni, me lo allinea solo a sx. L'unico modo per allinearlo con l'immagine intesta, è quello di spostarlo di un tot di pixel verso sinistra con margin-left (ad es. margin-left:20px oppure tramite "<div align="center">...
Mi sapreste spiegare perchè quel maledetto pulsante vuol starsene lì tutto solo????