Денис Павлик, Я знаю что это и как оно применяется, но вот что выходит

Ку!
Как сделать чтобы когда картинок много и они выходят за блок - создавалась прокрутка: вот пример(scr) и код:

css:
[code].set {
background: #fff;
width: 100%;
height: 120px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
0 3px 6px rgba(0, 0, 0, 0.23);
}

.slider {
width: 100%;
height: 150px;
overflow-x: auto;
overflow-y: hidden;
}

.thumb img {
padding: 5px;
background: #666;
margin-right: 10px;
}[/code]

HTML:
[code] <div class="set">
<div class="slider">
<div class="thumb">
<img src="images/thumb1.jpg" alt="Фотография 1" width="120" height="120">
<img src="images/thumb2.jpg" alt="Фотография 2" width="120" height="120">
<img src="images/thumb3.jpg" alt="Фотография 3" width="120" height="120">
<img src="images/thumb4.jpg" alt="Фотография 4" width="120" height="120">
</div>
</div>
</div>
</div>[/code]
Добавлено 15.01.17 в 16:30:22:
scr 1