[jestermeister]

Hi all, I'm an aspiring pre-novice in CSS and JS, so I apologize in advance. This might be a simple issue or complex, I haven't a clue.

go to www.michaelsiemsen.com/new in Firefox, Safari, or IE9 and the big banner image flips out for 10 seconds before commencing as it should. The first image is supposed to be handprint, then book, then giant author mugshot. The creators of this site have no clue why it won't work, nor do they care as this banner photo is supposed to be static and I have apparently "ruined" it by attempting to animate it. Ah well...

Here is the code that makes the images cycle:

HTML:

 <div id="slideshow">
                    <div>
                 <img src="images/img1.jpg">
                	</div>
                    <div>
                 <img src="images/img2.jpg">
                	</div>
                    <div>
                 <img src="images/img3.jpg">
                	</div>
			</div>

CSS:

 #slideshow {
	margin: 1px 0 6px auto;
	position: relative;
	width: 1172px;
	height: 524px;
	padding: 0;
}

#slideshow > div {
	position: absolute;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px
}

JS:

$("#slideshow > div:gt(0)").hide();

setInterval(function() { 
  $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
},  4000);

Thanks in advance to anyone that can help! And again, sorry if I am dumb!