Проблема с картинками
 

Проблема с галереей картинок. Есть панель с thumbnails при клике должна отображаться картинка в реальный размер и при наведении должна "подсвечиваться". Так вот проблема при наведении на thumb картинки они "съезжают". Если убрать javascript обработку проблема исчезает. Проверял в нескольких браузерах во всех одно и тоже.
Вот упростил рабочий код. Можете проверить у себя не нужно даже чтобы были картинки. Использует jquery, но не уверен что ошибка в нем:

<script type="text/javascript" src="jquery.js"></script>
<style>
.holder{
	height: 200;
}
ul{
    margin:0;
    padding:0;
    list-style:none;
}
img{
    width:100px;
    height:100px;
    
}
</style>
<table style="table-layout:fixed;" height ="210"><tr><td>
<div class="holder">
<img src="img/1.jpg" alt=""/>
<img src="img/2.jpg" alt=""/>
<img src="img/3.jpg" alt=""/>
<img src="img/4.jpg" alt=""/>
<img src="img/5.jpg" alt=""/>
<img src="img/6.jpg" alt=""/>
<img src="img/7.jpg" alt=""/>
<img src="img/8.jpg" alt=""/>
<img src="img/9.jpg" alt=""/>
<img src="img/10.jpg" alt=""/>
<img src="img/11.jpg" alt=""/>
<img src="img/12.jpg" alt=""/>
<img src="img/13.jpg" alt=""/>
<img src="img/14.jpg" alt=""/>
<img src="img/15.jpg" alt=""/>
<img src="img/16.jpg" alt=""/>
<img src="img/17.jpg" alt=""/>
</div>
</td></tr></table>
<script type="text/javascript"> 

			var onMouseOutOpacity = 0.67;
			$('div.holder img').css('opacity', onMouseOutOpacity)
				.hover(
					function () {
						$(this).fadeTo('fast', 1.0);
					}, 
					function () {
						$(this).fadeTo('fast', onMouseOutOpacity);
					}
				);
</script>

За ранее спасибо за помощь.

Все разобрался нужно было добавить всего то float: left;
Сюда:

img{
    width:100px;
    height:100px;
    float: left;
}

Может кому и пригодиться.