Non riesco a capire la difficolta` (ma forse mi manca qualche elemento).

Prova questo:
codice:
HTML:
<ul id="galleria">[*][img]divano.jpg[/img][*][img]colonica.jpg[/img][*][img]vetro.jpg[/img]
  ...[/list]

CSS:
#galleria {
  width: ...;            /* deve essere definito */
  list-style-type: none;
  background: #666;
}
#galleria li {
  list-style-type: none;
  float: left;
  margin: 2px ;     /* da regolare */
  padding: 5px;    /* da regolare */
  background: orange;    /* da regolare */
  width: 50px;       /* prende la dim. foto + il bordo arancio */
  height: 50px;
}
#galleria a {
  display: block;
  width: 100%;
  height: 100%;
  backgrouond: white;
}
#galleria img {
  width: 100%;
  height: 100%;
}
naturalmente al CSS mancano vari attributi, che non sono essenziali, ma possono servire per abbellire
le misure sono messe a caso: vanno definite in base alle necessita`.
Potrebbe essere necessario definire in px la misura del blocco ul, facendo un po' di conti inmodo che rimanga un bordo "bello"; in alternativa si puo` lasciar fare al browser, ma allora il bordo grigio e` piu` difficile da definire.