Clip + scroll poziomy Opcje

[husky83]

Zawsze wolałem stronę programową od wizualnej.. Ale przyszedł czas na css, żeby to coś ładnie wyglądało

Do rzeczy..

[HTML] pobierz, plaintext 
<div id=photo_list>
   <div class=photo_thumbs>
   <img src=1><img src=2> (...)
  </div>
</div>
[HTML] pobierz, plaintext 

Czyli wiadomo o co chodzi - lista zdjęć (miniaturek). Nie wiadomo ile ich jest...

Do tego css:

[HTML] pobierz, plaintext 
#photo_list{
	clip:rect(0px, 730px, 100px, 0px);
	height:100px;
	width:730px;
	overflow:scroll;
	position:absolute;
}
 
.photo_thumbs{
	height:100px;
 
	/*width:5000px;*/
}
[HTML] pobierz, plaintext 

I.. no właśnie - przewijanie poziome.. Udało mi się już wymusić, żeby pojawiał się scroll poziomy, jednak problem jest jeden...
Po zakończeniu widocznej linii kolejne zdjęcia są (już niewidoczne) wyświetlane poniżej, zamiast dalej w prawo, aby móc przewijać...
Póki co jedyne co działa, to to co jest zakomentowane - w klasie photo_thumbs kod width:5000px;. Ale nigdy nie wiadomo jaka będzie szerokość! Teoretycznie można to zrobić przez javascript, licząc szerokość wszystkich obrazków (i ich ramek itd), ale czy to ma sens? Na pewno da się to zrobić w CSS, ale nie wiem jak :/
Próbowałem dodać do każdego obrazka 'float:left', ale bez rezultatu...
Powiem wprost:
POMOCY