Aligner images vers le bas

[clemcloumi]

Alors voilà...
J'ai 5 images disposées en 5 colonnes avec le code html suivant :

Code : Tout sélectionner

<div id="col1s5">
<a target="_blank" href="http://www.agrobioconso.org/"><img
style="border: 0px solid ; width: 101px; height: 85px; background-color: white;"
title="Agro Bio Conso" alt="agrobioconso" src="agrobio_logo.png"></a></div>
<div id="col2s5">
<a target="_blank" href="http://www.simplespluriel.com/"><img
title="Simples Pluriel"
style="border: 0px solid ; width: 135px; height: 28px; background-color: white;"
alt="Simples pluriel" src="simplesplurielnom.bmp"></a></div>
<div id="col3s5">
<a target="_blank" href="http://www.syndicat-simples.org/fr/"><img
title="Syndicat des Simples"
style="border: 0px solid ; width: 83px; height: 82px; background-color: white;"
alt="Simples" src="simples.png"></a></div>
<div id="col4s5">
<a target="_blank" href="http://www.kousmine.fr/"><img
title="Association Kousmine France"
style="border: 0px solid ; width: 63px; height: 69px; background-color: white;"
alt="AKF" src="akf.gif"></a></div>
<div id="col5s5">
<a target="_blank" href="http://www.lechantdupetitpre.com/"><img
title="Chant Petit Pr&eacute;"
style="border: 0px solid ; width: 86px; height: 112px; background-color: white;"
alt="CPP" src="chantpetitpre.gif"></a></div>

L'objectif est d'aligner vers le bas mes images (toutes sur la même ligne, et non alignées par le haut).

Le CSS actuel est le suivant :

Code : Tout sélectionner

#col1s5 {float:left;width: 20%;height: 120px; text-align: center;}
#col2s5 {float:left;width: 20%;height: 120px; text-align: center;}
#col3s5 {float:left;width: 20%;height: 120px; text-align: center;}
#col4s5 {float:left;width: 20%;height: 120px; text-align: center;}
#col5s5 {float:left;width: 20%;height: 120px; text-align: center;}

J'ai essayé vertical-align : pas de résultat.

Qui aurait une idée ?
Merci