Ultimate Fade In Slideshow

[sketchpad]

1) Script Title: Ultimate Fade In Slideshow

2) Script URL (on DD): santabarbaradogtrainer.com

3) Describe problem: I've used this script before without causing this problem. I can't seem to get rid of the black bar that appears at the top of all slides. All images are the same exact size (430x575). I have no margins or padding in the 'fadeshow1' div. The div is called out as <div id="fadeshow1"></div>. The following is my script in the head:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
	dimensions: [430, 575], //width/height of gallery in pixels. Should reflect dimensions of largest image
	imagearray: [
		["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide1.jpg"],
		["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide2.jpg"],
		["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide3.jpg"],
		["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide4.jpg"],
		["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide5.jpg"],
		["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide6.jpg"],
		["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide7.jpg"],
		["http://www.santabarbaradogtrainer.com/SantaBarbaraDogTrainer_slide8.jpg"] //<--no trailing comma after very last image element!
	],
	displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
	persist: false, //remember last viewed slide and recall within same session?
	fadeduration: 3000, //transition duration (milliseconds)
	descreveal: "none",
	togglerid: ""
})

</script>

What is the problem?

[jscheuer1]

In the santabarbaradogtrainer.com/SantaBarbaraDogTrainer.css file around line #115:

#content img {
	float: right;
	margin: 0px;
	padding-left: 20px;
	padding-top: 10px;
}

The highlighted line is the problem. There are at least two choices:

1. Get rid of that line.
   
   
2. Add another rule later:
   

   .gallerylayer img {
   	padding-top: 0 !important;
   }

The browser cache may need to be cleared and/or the page refreshed to see changes.

[sketchpad]

In the santabarbaradogtrainer.com/SantaBarbaraDogTrainer.css file around line #115:

#content img {
	float: right;
	margin: 0px;
	padding-left: 20px;
	padding-top: 10px;
}

The highlighted line is the problem. There are at least two choices:

1. Get rid of that line.
   
   
2. Add another rule later:
   

   .gallerylayer img {
   	padding-top: 0 !important;
   }

The browser cache may need to be cleared and/or the page refreshed to see changes.

That fixed it...Thanks!!!