Vertikal placering af billeder

Hej

Jeg har mange billeder i forskellig størrelse (et galleri), de skal vises på rækker under hinanden, i hver række kommer 3-4 billeder.
Inden for hver række skal billedernes underkant flugte.

Koden herunder placere billederne korrekt i en række og fortsætter på ny linen, men i den enkelte rækker er det overkanten, der flugter.
Billederne skal altså placeres i bunden af deres div og ikke i toppen.

Problemet kunne naturligvis klares med en passende padding-top, det er ikke en ordentlig løsning bl.a. fordi der er mange billeder.

Henrik


I stylesheetet:

div#Ramme{
  position: absolute;
  margin-left: 200px;
  top: 200px;}

div.Foto{
float: left;}



I HTML-scriptet:
<div id=Ramme>
  <div class="foto">
    <img alt="foto1" src="foto1.jpg" height="128" width="229" />
    <p>Billetext1</p>
  </div>
  <div class="foto">
    <img alt="foto2" src="foto2.png" height="350" width="523" />
    </p>billedtxt2</p>
  </div>
  <div class="foto">
    <img alt="foto3" src="foto3.jpg" height="287" width="412" />
    </p>Billedtxt3</p>
  </div>
</div>