Centrare gli elementi

[goxpix]

Salve a tutti, io ho un problema con un contenitore:

#content-wrap {
position: relative;
clear: both;
margin-left: auto;
margin-right: auto;
float: left;
width: 1000px;
background: url(images/content.png) repeat-y;
}

#content {
position:relaative;
float: left;
width: 900px;
padding: 0;
display: inline;
margin-left: auto;
margin-right: auto;
}

e questo é il codice HTML che uso:

<div id="content-wrap">
<div id="content">
gggg
</div>
</div>

Mi viene un risultato da me non voluto, io vorrei centrare l'elemento.
Per vedere cio' che viene , allego l'immagine (non viene centrato)

Grazie a tutti

[goxpix]

Ecco l'immagine

[goxpix]

immagine

[Mich_]

Ci sono delle contraddizioni in quelle dichiarazioni:
il float non va mai bene se si deve centrare qualcosa; e nonva mai d'accordo con i margini automatici.

E cerca di non usare il position: lo potrai fare quando saprai usare bene il resto dei CSS, ma in linea di massima porta piu` problemi di quanti ne risolva.

Prova con questo CSS:

#content-wrap {
   clear: both;    /* lo lascio, ma credo che non serva */
  margin: 0 auto;
  width: 1000px;    /* e` un po' troppo per un layout fisso */
   background: url(images/content.png) repeat-y;
 }
 
 #content {
  /* position:relaative;   occhio all'errore di sintassi - comunque togli il position */
  width: 900px;
  padding: 0;
  /* display: inline; questo non puoi usarlo se vuoi centrare */
  margin: 0 auto;   /* questo centra il #content in #c-wrap solo per i browser standard */
}

[goxpix]

Grazie amico, sei stato prezioso, come vedo ho fatto alcune gaffe

Sto imparando ora per bene il CSS, grazie di tutto