Cambiare la disposizione delle immagini.

[Minerva88]

Salve.
Ho queste foto http://yfrog.com/epfootxp però vorrei disporle nel container in modo diverso ovvero così

http://yfrog.com/epfootdj

<div id="container"> <div id="img"> 
 
[url="icone/maregr1.jpg"] [img]icone/marepc.jpg[/img][/url]
[url="icone/scoglieragr.jpg"] [img]icone/scoglierapc.jpg[/img][/url]  
[url=""] [img]icone/volapc.jpg[/img] [/url]
[url=""] [img]icone/barcapc.jpg[/img][/url] 
[url=""] [img]icone/mezzopc.jpg[/img][/url] 
[url=""] [img]icone/panoramapc.jpg[/img][/url] 
[url=""] [img]icone/gabbianopc.jpg[/img][/url] 
[url="icone/pomigr.png"] [img]icone/pompc.png[/img]  [/url]
[url=""] [img]icone/marinacortapc.jpg[/img] [/url] 

</div>



</div> 

#container{
background:url(image/container.png) no-repeat;
width:710px;
height:562px;
float:right;
position:relative;
right:120px;
}
#img{
padding:0 auto;
margin:50px  0 0 70px;

}
a:link img{
border-color: #FFFFFF;
}
a:visited img{
border-color: #CCCCCC;
}

a:hover img{
border-color: #000000;
}

Potete aiutarmi? Vorrei anche mettere i titoli sotto ma non riesco.