SlideShow transition IE finally working except

Question

Well I finally got it to work with 2 small problems.
Hopefully someone has come across this and knows if there is a solution.
Problems:
1) not everything is staying centered on the index page when changing the window width in IE browser and emulating ie7. It works in Safari and FireFox and my other pages in IE browser NOT emulating IE7.
2) the shadow boxes are not working on the index page... again in IE browser and emulating ie7.
www.bigbroncocc.com
The SlideShow transition fix:
I added the following meta tag to my index page:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
The (Slideshow basic) did not work and I had to use the (SlideShow with filmstrip) as stated by (W Bell)... link provided by Gramps below.
I could not install the slideshow with filmstrip directly into my page from the widget browser in dreamweaver...  From the widget browser I saved the (SlideShow with filmstrip) files to my hard drive and copied spry folders and html code into my page.
======================================================
Have a look here http://forums.adobe.com/message/3480458#3480458
Gramps

Answer 1

That's correct I could not get the basic to work and had to use filmstrip... and strip out every thing that I did not need... the slideshow with filmstrip did not work when I used the (insert widget) in dreamweaver. as mentioned above. I am new and self taught myself, hope this helps.
I also found it very helpful to use a code checker, links below
http://http://validator.w3.org/
http://http://jigsaw.w3.org/css-validator/
I ran across the issue of the (panandzoom  going off the image and it showing black) I believe it has to do with your css code most likely width and height. below is the only css code I am using that relates the the slideshow.
myMain.css file:
#home .container .content #ImageSlideShow {
width: 684px;
margin: 0px auto;
border: solid 2px #000;
padding-top: 10px;
overflow:hidden;
z-index: 1;
position: relative;
Basic_fs.css file:
.BasicSlideShowFS {
width: auto;
border: solid 0px #000;
background-color: #000;
position: relative;
margin-top: 24px;
padding-top: 10px; /* This should be the margin-top of .ISSClip but it is here to work around an IE6/IE7 collapsed margin bug. */
.BasicSlideShowFS .ISSClip {
clear: both;
width: auto;
height: 432px;
margin: 0 10px 10px 10px; /* margin-top is specified as padding on .BasicSlideShowFS to avoid an IE6/IE7 collapsed margin bug. */
overflow: hidden;
position: relative;
/*border: solid 1px #AAA;
background-color: #000;*/
.BasicSlideShowFS .ISSView {
width: 100%;
height: 100%;
.BasicSlideShowFS .ISSSlide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;