[aide]Probleme d'alignement d'image

Voila,

J'essaye de creer une gallerie, avec thumbnails.

Le probleme est que mes images ne s'alignent pas et vont a la ligne des que la largeur de mon div est atteinte ...

<div class="foliocont" id="folio">
<div class="scrollbox">
<a class="thumbnail" href="#thumb"><img src="gallery/laos/1.jpg" width="auto" height="66px" border="0" /><span><img src="gallery/laos/1.jpg" /><br />Simply beautiful.</span></a>
<a class="thumbnail" href="#thumb"><img src="gallery/laos/2.jpg" width="auto" height="66px" border="0" /><span><img src="gallery/laos/2.jpg" /><br />Simply beautiful.</span></a>
</div>
</div>

et le code css :

div.scrollbox{
display:block;
width:350px;
height:70px;
overflow:auto;
vertical-align:bottom;
}

a.thumbnail img{
border: 1px solid white;
margin:1px;
}

a.thumbnail:hover{
background-color: transparent;
}

a.thumbnail:hover img{
border: 1px solid white;
}

a.thumbnail span{ 
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

a.thumbnail span img{
border-width: 0;
padding: 0px;
}

a.thumbnail:hover span{ 
visibility: visible;
top: 70px;
left: 0px; 
z-index: 50;
}

Mon css a l'air correct... Mon probleme se situe au niveau du html mais je ne voit pas d'ou ....

Si quelqu un a une idee ... Merci !
Modifié par Jmeu (15 Dec 2006 - 17:57)

Personne ne voit de quoi je parle ? Je me prend la tete depuis 4h sur le meme probleme, ca devient frustrant !