Con i CSS si fa tranqullamente, ma non ho capito bene come deve venir fatto esattamente.

Ci provo:
codice:
<div id="contenitore">
  <div class="piccolo">[img]uno.gif[/img]</div>
  <div class="piccolo">[img]due.gif[/img]</div>
  <div class="piccolo">[img]tre.gif[/img]</div>
  ...
  <div class="separ">& nbsp;</div>
  <div class="piccolo">[img]qua.gif[/img]</div>
  <div class="piccolo">[img]cin.gif[/img]</div>
  ...
</div>
dove i CSS saranno del tipo:
codice:
#contenitore {
  width:98%;
  ...
}
.piccolo {
  float:left;  /* necessario */
  width: ... ; /*se si vuole*/
  border: solid 2px black; /*se serve*/
}
.separ {
  clear:all; /* annulla l'effetto del float */
  height:1px;
  width:100%;
}
/* se si vuole il bordo all'immagine, anziche` al div: */
.piccolo img {
  border: solid 2px black;
}