Allineare un'immagine di 2000px al centro della pagina

[Alimentos]

Ciao a tutti,
ho visto sul forum che ci sono argomenti simili, però non sono riuscito a venirne a capo con le soluzioni proposte.
Su un sito ho un'intestazione (immagine) larga 2000px e alta 650px. Dovrei fare in modo che la parte centrale dell'intestazione sia visibile (nel caso in cui lo schermo sia <2000px)., invece vedo solo la parte sinistra.
Ho provato ad applicare le proprietà margin-left e right in auto, però se la stessa immagine è rimpicciolita (esempio 1000px) la vedo centrata, altrimenti sempre la parte sinistra.
Come posso fare?
Grazie

<ul class="slides">
		    	<li style="width: 100%; float: left; margin-right: -100%; display: list-item;">
		    		 [img]/images/slideshow/immagine1.jpg[/img] 		    				    	
		    	<li style="width: 100%; float: left; margin-right: -100%; display: none;">
		    		 [img]/images/slideshow/immagine2.jpg[/img] 		    				    	

		[/list]

.slides img { 
max-width: 2000px; 
display: block; margin-left: auto; 
margin-right: auto; 
}

[Mich_]

Se l'immagine e` uno sfondo, la centratura con i CSS e` semplice e funziona sempre senza tante complicazioni.

Se invece l'immagine e` un tag <img>, tale sistema non puo` funzionare, e chiaramente non essendoci spazio per il margine non funziona neppure il margin:0 auto

Potresti usare il posizionamento assoluto e centrare rispetto al punto centrale:

HTML:[*] 
  [img]...[/img]


CSS:
#slides li {
  position: relative;
  width: 100%;
  /* io non ci metterei il float */
  /* non ha senso il display: list-item dato che la larghezza e` il 100% */
}
#slides li img {
  position: absolute;
  width: 2000px;
  left: 50%;
  margin-left: -1000px;
}