Увеличение картинки при наведении на неё мышью

Иногда появляется необходимомость создать эффект увеличения изображения при наведении мышки. 

Такой эффект достаточно просто создается путем встраивания следующего кода:

<img alt="" border="0" onmouseover="this.src='http://puksinka.me/images/44444untitled.jpg';" onMouseOut="this.src='http://puksinka.me/images/article43.jpg';" src="http://puksinka.me/images/article43.jpg" />

Вот что должно получиться в итоге:

Вы должны заметить, что  данное решение ломает верстку страницы.  

  Этот способ хорош, если вторая картинка совпадает по размерам с первой:

Похожие статьи:

Трёхмерный текст на страницу В разделе - Графика и дизайн Возникла у меня необходимость сделать для заголовка красивый трехмерный текст.  Всё оказалось достаточно просто.....	Поместить картинку на картинку В разделе - Графика и дизайн Постараюсь максимально сжато рассказать как сделать так, чтобы на картинку большого размера  поместить маленькую картинку  и чтобы маленькая картинка была кликабельной....
Кнопки и всплывающие подсказки на css В разделе - Графика и дизайн Время от времени возникает необходимость  делать кнопки и красочные подсказки....	Таблица HTML кодов цветов В разделе - Графика и дизайн Время от времени возникает необходимость подбора цвета.  И именно поэтому ниже представлена таблица с кодами цветов.   ...