Блоки картинок

[Rambo2045]

Как сделать чтобы картинки распределялись только по одной строке на всю ширину экрана,и те которые выходять за край экрана должны убираться совсем.

<style type="text/css">
.thumbnails
{
margin: -3em 0 0 -2em;
text-align: center;
}
.thumbnail
{
text-decoration: none;
display: -moz-inline-box;
display: inline-block;
vertical-align: top;
text-align: left;
margin: 3em 0 0 2em;
}
.thumbnail .r
{
width: 14em;
float: left;
}
</style>
<div class="thumbnails">
    <ins class="thumbnail">
        <div class="r">
            <a href="#"><img src="anon.jpg" alt="прп. апррв" /></a><br />
            прреп «<a href="#">апвр</a>»
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="#"><img src="tems-anon.jpg" alt="Оптосистемы" /></a><br />
            <a href="#">спрспр</a> прсапр «сапрп»
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="/everything/folderix/"><img src="/everything/folderix/folderix-anon.jpg" alt="рсапр" /></a><br />
            Фпрсап «<a href="/everything/folderix/">сапрса</a>»
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="#><img src="meya-anon.jpg" alt="апрвсапр" /></a><br />
            рвсрс «<a href="#">рср</a>» прсапр
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="#"><img src="cor-anon.jpg" alt="прсп" /></a><br />
            <a href="#">hggh «прапр» пра</a>
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="#"><img src="roup-anon.jpg" alt="рапн" /></a><br />
            рапр «<a href="#">Риккг</a>»
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="#"><img src="day-anon.jpg" alt="Дкег" /></a><br />
            егнкгн «<a href="#">н6к</a>»
        </div>
    </ins>
    <ins class="thumbnail">
        <div class="r">
            <a href="#"><img src="rain-anon.jpg" alt="кенкенк" /></a><br />
           нкен и 56 «<a href="#">Грyrty tyrt</a>»
        </div>
    </ins>
</div>

[jumancy]

классу thumbnail пропиши float:left, а у .r его убери.

и еще что это такое - <ins class="thumbnail">, логично наверное <div class="thumbnail">