Hi, I am trying to use a Jquery slideshow plugin for my website and I can't figure out why the slideshow looks centered in one browser but not in another. For example in IE9 the slidshow is in the wrong position but in google chrome it looks fine. Can someone help me out? The website can be found here

 

http://terpconnect.umd.edu/~cmccrea/Home.html

 

 and you can take a look at the source code. I think the problem lies somewhere in here...

 

<style type="text/css">

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:330px;
    width: 495px;
    margin: 0 auto;
 

}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

</style>