div tag placing js function works in IE but not FF - help please!

On the homepg of this site - www.radmanpatches.com - there is a javascript image rotator which works fine in IE7/8 but not in FF, Safari, or Chrome.

The js function is 'showImage()' and it is called in the body tag with onLoad="showImage();"

In the html it is placed with this code:
<div id="imageviewer"> </div>

Here is the css for the imageviewer selector:

#imageviewer  {  /*rotating images*/
	visibility: visible;
	position: absolute;
	margin: 0px;
	padding: 0px;
	float: right;
	display: block;
	left: 565px;
	top: 175px;
	z-index: 10;
	width: 255px;
	height: 260px;
}

Code (markup):

Anyone know why this isn't working except in IE? Any input is most appreciated!
Thanks,
-Mike

 

Validate your html for that list of errors that may be affecting this.

 

Thanks for the reply and suggestion.

The code validates except for two XML closing style <link bla bla /> tags (doctype is html 4.0). So I fixed those but still not seeing the images.

Interestingly, when I look at the page in Firebug the placeholder shows when I roll over that DIV, but no images...