Динамически изменяющиеся картинки
 

Привет всем! Я написал полурабочий :) скрипт. При наведении мыша на картинку она увеличивается, и соответственно уменьшается при уходе курсора. Так вот расширяясь, картинка двигает все что есть на странице, вот в этом и вся проблема. Как сделать так, чтобы расширяясь она не задевала остальные элементы страницы?
Вот исходник:

<script type="text/javascript" language="JavaScript">
var A;
var x;
var last=0;

function Max(x)
{
  clearInterval(A);
  if (last.height>100){last.height=100}
  last = x;
  A = setInterval(function(){if (x.height<200) {x.height+=5} else {clearInterval(A)}},1)  
}

function Min(x)
{ 
  clearInterval(A);
  //if (last.height>100){last.height=100}
  last = x;
  A = setInterval(function(){if (x.height>100) {x.height-=10} else {clearInterval(A); x.height=100;}},1)  
}
</script>

Использую картинку 100х100,
Инициализация
...
<img src="pic.jpg" onmouseover="Max(this)" onmouseout="Min(this)">
...
p.s. js вообще почти не знаю, просто есть некоторый опыт прогр-я на других языках.

Используйте абсолютное позиционнирование изображения.

Спасибо! разобрался!:)