mam taki kod

[HTML] pobierz, plaintext 
<div id="test" style="width: 128px; height:128px;overflow: hidden; border-width:1px;border-style: solid;">
<img src="image/w.gif"><img src="image/w.gif"><img src="image/w.gif"><img src="image/w.gif"><img src="image/t.gif">
</div>
[HTML] pobierz, plaintext 

obrazki w.gif i t.gir mają wymiary 32x32
tak więc ostatni obrazek (t.gif) nie mieści się w bloku i powinien zostać ukryty, jednak tak się nie dzieje obrazek zostaje przeniesiony do następnej linijki
może mi koś powiedzieć dlaczego tak się dzieje

moja przeglądarka to FireFox i obsługuje ten rodzaj przepełnienia sprawdzałem na tekście( i tu działało )

Dzieje się tak dlatego, że obrazki nie są jedną całością. Tak samo jest w przypadku wyrazów. Jeśli wstawisz jeden długi wyraz, to zostanie on ukryty, ale jeśli będzie to zdanie, to odpowiednio się zawinie.

dzięki
"upchnę" to w tabelkę
myślałem że może da się to zrobić "bardziej elegancko"

Na pewno się da, wrzuć gdzieś obrazki to popatrzę.

Wrzucić wszystkie obrazki do jednego div-a, a następnie dać mu styl white-space: nowrap (możliwe, że inaczej się to zapisuje, musisz sprawdzić w dokumentacji).
Lub ustawić szerokość wewnętrznego div-a na sumę szerokości wszystkich obrazków.

[HTML] pobierz, plaintext 
<div id="test" style="width: 128px; height:128px;overflow: hidden; border-width:1px;border-style: solid;">
    <div id="inner">
        <img src="image/w.gif"><img src="image/w.gif"><img src="image/w.gif"><img src="image/w.gif"><img src="image/t.gif">
    </div>
</div>
[HTML] pobierz, plaintext 

edit
Poprawiłem drobny błąd.