You might want to try the following. I've used it in numerous pages without any trouble. All I did was replace my graphics with yours.<br>
<br>
Place this in the <head> of your code:<br>
<br>
<!-- Hiding the code from non-java enabled browsers<br>
<br>
function locate () {<br>
}<br>
<br>
if(navigator.appVersion.substring(0,1) >=3) {<br>
var cache_sample = new Image ();<br>
cache_sample.src = "bronzefish_plus.gif";<br>
}<br>
<br>
function live_change(dummy) {<br>
if(navigator.appVersion.substring(0,1) >=3) {<br>
<br>
if (dummy == "sample") {<br>
together_normal = new Image();<br>
document.sample.src=together_normal.src = "bronzefish.gif";<br>
}<br>
if (dummy == "sample_active") {<br>
together_active = new Image();<br>
document.sample.src=together_active.src = "bronzefinsh_plus.gif";<br>
}<br>
<br>
}<br>
}<br>
// End of hiding --><br>
<br>
</script><br>
<br>
<br>
And then place this in the <body> of your page where you want the link:<br>
<br>
<a href="
onMouseOver="live_change('sample_active')"<br>
onMouseOut="live_change('sample')"><img src="bronzefish.gif" name="sample" border="0" </a><br>