<img src="picture.jpg" name="picture" onMouseOver="picture.src='pic1.jpg';" onMouseOut="picture.src='picture.jpg';"
However my problem is this. When I rollover an image a new image appears but it makes the image itself move, and the others around it. http://www.irule.co.nr is my page to see what I mean. Roll the mouse over the buttons under articles. How can I avoid it doing that? Any help would be greatly appreciated.