1) Script Title: Ultimate Fade-in slideshow (v2.4)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem: I have a simple site with the Ultimate Fade-in slideshow (v2.4) included on the homepage. It works well on Safari and Firefox but is not positioned correctly when viewed on Opera (squished in the bottom rt-hand corner of the div space). Also, the images, what I can see of them, are not fading, but broken up into top and bottom halves. Here's my code, created in Dreamweaver:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Clarendon USA</title>
<link href="styles.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/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: [415, 469], //width/height of gallery in pixels. Should reflect dimensions of largest image
imagearray: [
["Images/Image1.png"],
["Images/Image2.jpg"],
["Images/Image3.jpg"],
["Images/Image4.jpg"],
["Images/Image5.jpg"],
["Images/Image6.jpg"],
["Images/Image7.jpg"],
["Images/Image8.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: 500, //transition duration (milliseconds)
descreveal: "ondemand",
togglerid: ""
})



</script>



</head>

<body>

<div id="mainContainer">


<div id="mainGraphics"><img src="Images/mainGraphics.png" alt="logo and colored boxes" width="979" height="570" />



<div id="facebook"> <a href="http://www.facebook.com/pages/Boston-MA/Clarendon-Group-USA/167260689957207?ref=ts" target="_blank"><img src="Images/facebook.png" alt="facebook_link" /></a></div>

<div id="homepageBlurb" class="introText" >Clarendon Group USA provides real estate management services <br />
for office, retail and <br /> mixed use properties in <br />
city center urban areas.<br />
<div id="moreTag">
<a href="what-we-do.html" class="moreText" >[MORE ABOUT CLARENDON]</a></div>
</div>
</div>


<div id="bottomGraphics"><img src="Images/bottomGraphics2.png" alt="bottom graphics" />


<div id="contactInfo"><span class="bold">Clarendon Group usa, inc.</span><br />
265 FRANKLIN STREET boston, ma 02110</div>

<div id="contactInfo2"><span class="normal"> E <a href="mailto:info@clarendon-usa.com">&nbsp;info@clarendon-usa.com</a></span><br />
<span class="normal">T&nbsp; 617 439 7955 &nbsp;&nbsp; F&nbsp; 617 443 9141</span></div>
</div>
<div id="fadeshow1" width="415" height="469"></div>

</div>

</body>
</html>


Thank you for any help!!