Div centrato in div annidati

[marcopaolo79]

Salve a tutti sono neofita del css e sto provando a centrare un div contenuto dentro un altro div che a sua volta è dentro un altro div etc etc (4 div uno dentro l'altro).
Ho cercato nei forum ma essendo neofita ci capisco poco.

Allora la mia struttura dei div è:

<div id="container">
...
        <div id="content">
         ...
                      <div id="referenze">
                        ...
                                  <div class="box">
                                   ...
                                  </div>
                      </div>
        </div>
</div>

allora container è centrato perfettamente rispetto alla pagina web
io però ho necessità che referenze e il suo contenuto (box) siano centrati rispetto al div content......
e il css l'ho impostato così:

div#container {
	margin:0 auto;
	padding:0 15px;
	width:960px;
	background:url(../images/pippo.png) no-repeat center top;
	min-height:527px;
}
div#content {
	width:910px;
	background:#CCC;
	padding:0 25px;
	float:left;
}
div#content div#referenze{
	margin:0 auto;
}

div#content div#referenze div.referenza{
	float:left;
	padding-left:13px;
}

ma purtroppo non funziona....

dove sbaglio???