Hai ragione: non avevo notato il width:auto dentro i singoli blocchi.
Forse basta semplicemente togliere il width, oppure definire una larghezza per gli .item. Esempio:
codice:
qualcosa {
	text-align: center;
	background: pink;
}
#tabella{
	margin: 0 auto;
	text-align:center;
	background: red;
}
#tabella .item {
	/* text-align:center; c'e` gia` nel contenitore: non serve */
	/* width: 30em; */
	float: left;
	margin: 0 5px;
	background: green;
}
.clear{
	clear:both;
}
Gli sfondi li ho messi per notare come si suddivide lo spazio: chiaramente andranno tolti una volta che funziona.