Dunque ho questa situazione:

codice:
-----------------------------------------------------------
| -------  -------  -------                               |
| |     |  |     |  |     |                               |
| |     |  |     |  |     |                               |
| |     |  |     |  |     |                               |
| -------  -------  -------                               |
-----------------------------------------------------------
e vorrei avere questo risultato

codice:
-----------------------------------------------------------
|              -------  -------  -------                  |
|              |     |  |     |  |     |                  |
|              |     |  |     |  |     |                  |
|              |     |  |     |  |     |                  |
|              -------  -------  -------                  |
-----------------------------------------------------------
Problema: il numero dei div non e' noto a priori quindi non posso ridimensionare il container e usare margin: auto su di esso.
Ora se non fosse come al solito per IE, basterebbe usare display: inline-block invece di float e basterebbe il text-align: center nel container.

C'e' un modo cross-browser per ottenere questo risultato?