прокручивание в div

[Михаил1]

Подскажите пожалуйста как сделать так чтобы когда курсор находится в поле компонента div и пользователь прокручивал колесо мыши прокручувалось только содержимое div а не весь документ. Скролл должен быть невидимим...
кон ниже

<div style="position: fixed; width: 100px; height: 100px; z-index: 1; left: 94px; top: 35px; overflow:hidden" id="layer1">
	Текст<br>
	Текст<br>
	Текст<br>
	Текст<br>
	Текст<br>
	Текст<br>
	Текст<br>
	Текст<br>
	Текст<br></div>

[tadjik1]

<div style="position: fixed; overflow: hidden; width: 84px; z-index: 1; left: 94px; top: 35px;">
<div style="width: 100px; height: 100px; overflow-y:scroll;" id="layer1">
	Текст<br>
	Текст<br>
	Текст<br>
	Текст<br>
	Текст<br>
	Текст1<br>
	Текст2<br>
	Текст3<br>
	Текст<br>Текст5<br>Текст<br>Текст<br>Текст<br>Текст7<br>Текст<br>Текст<br>Текст<br>
</div>
</div>

[Михаил1]

Спасибо!!!