per ora ho risolto cosi, centrando verticalmente. Ma non riesco a centrare orizontalmente.

codice:
<ul class='galleria-fotografica'>
<div class="f">[*]<a href="immagini-strutture/2_1.jpg" rel="thumbnail">
[img]immagini-strutture/2_1thumb.jpg[/img]</a>
</div>


<div class="f">[*]<a href="immagini-strutture/2_2.jpg" rel="thumbnail">
[img]immagini-strutture/2_2thumb.jpg[/img]</a>
</div>


<div class="f">[*]<a href="immagini-strutture/2_3.jpg" rel="thumbnail">
[img]immagini-strutture/2_3thumb.jpg[/img]</a>
</div>


<div class="f">[*]<a href="immagini-strutture/2_4.jpg" rel="thumbnail">
[img]immagini-strutture/2_4thumb.jpg[/img]</a>
</div>

[/list]


.f
{
	width:  80px;
	height: 60px;
}

.f img
{
	margin: 0 auto;
	text-align:  center;
	display:  block;
}
mi farebbe comodo una soluzione senza bisogno di impostare background tramite css. E ovviamente che funzioni su IE. Io ora sto provando su FF per mac.