Не рабоает кнопка с type image

Дорогие Друзья! Подскажите, пожалуйста:
на сайте у меня кнопка:
<input type="button" value="Распечатать" id="raspechatat_menu">

она запускает js скрипт:
(<link type="text/css" rel="stylesheet" href="raspechatat_menu.css" id="css_for_print">

var raspechatat_menu = document.getElementById("raspechatat_menu";
raspechatat_menu.onclick = function()
{
css_for_print.href = "raspechatat_menu.css";
//window.print();
}
т.е при нажатии отправляем на печать документ с параметрами css документа raspechatat_menu.css
так вот я поменял эту кнопку на кнопку с изображением:
<input class="but" type="image" src="but/rdsh1.png" onMouseDown="this.src='but/rdsh3.png'" onmouseover="this.src='but/rdsh2.png'"
onmouseout="this.src='but/rdsh1.png'" value="Распечатать для шефа" alt="Распечатать для шефа "
title="Распечатать для шефа" id="raspechatat_dlya_shefa">

но она не работает,
подскажите что не так?

Попробуйте поставить у новой кнопки такой же id как был у старой.

Точно нужно ид изменить на старый или исправить на новый вот здесь var raspechatat_menu = document.getElementById("raspechatat_menu";

А не достаточно media print?
<link type="text/css" rel="stylesheet" href="raspechatat_menu.css" media="print">

какие то навороты