Динамическая кнопка
 

Нужна кнoпка,которая при наведении меняет изображение.
Пробывал такой этот код , но при наведении картинка исчезала.

<SCRIPT LANGUAGE="JavaScript"> 
<!--// 
browser_name = navigator.appName; 
browser_version = parseFloat(navigator.appVersion); 
if (browser_name == "Netscape" && browser_version >= 3.0) { roll = 'true'; } 
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 3.0) { roll = 'true'; } 
else { roll = 'false'; }
function over(img,ref) { if (roll == 'true') { document.images[img].src = ref; } } 
function out(img,ref)  { if (roll == 'true') { document.images[img].src = ref; } } 
if (roll == 'true') 
{ 
a1=new Image;a1.src="xxx"; 
a2=new Image;a2.src="yyy";
} 
//--> 
</SCRIPT>
<A HREF="url" onMouseOver="over('contact copy1','about us1.jpg');" onMouseOut="out('contact copy1','contact copy1.jpg');">
	<img name="contact copy1" alt="текст" src="images/contact%20copy1.jpg" width=146 height=55 border="0"></A>

Выброси этот код. Для этого можно использовать :hover

.rollover:hover{
  background:url('image2.gif');
}
.rollover{
  background:url('image1.gif');
}

:D