Salve amici,

oggi ho un piccolo problema che tanto per cambiare non riesco a risolvere da solo

codice:
<div id="contenuti">
	<ul>
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
		[*][img]img.gif[/img]
	[/list]
</div>
Il Div "contenuti" ha una larghezza di 100% mentre all'interno dell'elenco ci sono delle gif di 120 x 100 px.

Il problema sta che voglio incolonnare a 2 le gif centrandole sul div, lasciando un margin in % sui lati di essi.

esempio:

<spazio 33%> <img> <spazio 33%> <img> <spazio 33%>
<spazio 33%> <img> <spazio 33%> <img> <spazio 33%>
<spazio 33%> <img> <spazio 33%> <img> <spazio 33%>

quarda allegato che è + chiaro.

come posso fare per favore ?

grazie !