posizionare menu orizzontale in fondo alla pagina

[hopeful]

Salve a tutti.

Con questo codice CSS richiamato da un CSS esterno

html, body {background: #039 url("immagine.gif") center no-repeat fixed;}

riesco a posizionare l'immagine al centro dello schermo. Non riesco però a posizionare il menù orizzontale sotto l'immagine; mi compare sempre sopra l'immagine stessa. Le cose cambiano se richiamo l'immagine con il tag <img ...> all'intenro del file html, ma vorrei usare il CSS esterno, anche perché mi centra l'immagine sia orizzontalmente che verticalmente.

Qualcuno può darmi qualche dritta per cortesia. Grazie.

[indigoindigo]

Occorre distinguere tra sfondo e immagine..utilizzando background(-image) assegni al body un'immagine di sfondo..è naturale che gli oggetti contenuti all'interno del body vadano sopra lo sfondo, è il comportamento ordinario..anche perchè lo sfondo non viene "percepito"..invece se adopri il tag "img" inserisci un elemento nel body con il quale interagiscono tutti gli altri (in vario modo)..

io userei <img> e centrerei via CSS..

[hopeful]

e grazie per la risposta.
Ho fatto quanto mi hai suggerito:

<img src="... /> nel body dell'HTML, mentre in un CSS esterno ho scritto

html, body {
margin:0;
padding:0;
border:0;
text-align:center;
background-color: #039;
}

Effettivamente il menù mi viene sotto l'immagine, ma l'immagine non è proprio centrata rispetto al viewport. C'è qualche altro comando che posso dare per centrare il tutto?

Caricando l'immagine dal CSS con

html, body {background: #039 url("....") center no-repeat fixed;}

questa stava proprio al centro della pagina (ma il menù mi veniva sopra).

Grazie.

[indigoindigo]

Chiaramente impostando l'immagine come sfondo del body era più facile centrarla..ora ci sono gli altri oggetti a dare noia..non sono però un asso del posizionamento..
occorrerebbe qualcosa che levi l'immagine dal flusso normale..magari un posizionamento assoluto..però io non li uso perchè ancora non ho granché pratica..

aspetta qualcun'altro, che è meglio..