3 Bildchen align left - das zusammen aber zentriert.

Ich habe folgendes vor:

3 Social Bildchen nebeneinander:

<a href="Link1/"><img class="socialdingens" src="http://www.tekshrek.com/images/pic1.png" /></a>
<a href="Link2/"><img class="socialdingens" src="http://www.tekshrek.com/images/pic2.png" /></a>
<a href="Link3/"><img class="socialdingens" src="http://www.tekshrek.com/images/pic3.png" /></a>

Diese zusammen aber wiederum zentriert innerhalb eines Text-Widget in der Sidebar.

Bin aber bisher am CSS Code der Zentrierung gescheitert.
Die Pics bleiben immer hartnäckig linksbündig.

Das ist der aktuelle Stand:

.socialdingens {
	display: inline;
	float: left;
	margin-right: 0.6em;
	margin-top:.2em;
}
#secondary .textwidget {
	line-height:1.6;
	overflow:hidden;
	display:block;
	text-align:center;
}

An was kann das liegen bzw. wie schaut der richtige Code aus?

Besten Dank.

NS: Der Link zum Blog: http://tek.sh/

WOW alchymyth besten Dank.
Perfekt in Chrome, Safari und Firefox, iCab und Raven.
Das sollte genügen. :D

Da wäre ich selbst nie drauf gekommen - und was ich alles versucht hatte.

Nachtrag zur Frage:

Wie sollte ich den Code erweitern, dass sich dieser auch nur auf das eine Text-Widget bezieht. Denn so wie jetzt werden alle neuen Text-Widget Inhalte auch zentriert dargestellt.

Vielen Dank vorab.

Danke dir. :)