Hello, I am having a problem with my photo "slideshow" in IE8. Basically it appears just like I want it to in Firefox, Google Chrome, Opera, and Safari, but in IE8 the pictures don't maintain their actual height/width. I have been trying to figure out a way to fix this but I am still a novice and I can't seem to find the answer.

It will work properly in a non-IE browser, but since most of the people that visit it are using IE I have to find a solution.

Anyway when you click the next or back button the picture will change (using javascript). Since not all pictures are the same dimensions, in IE it will maintain the height/width of the first picture that is visible when the page loads so any pictures that are not the same height/width get stretched to fit. Using some of the development tools that IE has I have found that it injects a bunch of properties to the picture which never change.

IMG tag shown in IE8:
<img name="mypic" class="corner" style="background-image: none; border-bottom: medium none; position: relative; border-left: medium none; padding-bottom: 0px; background-color: transparent; padding-left: 0px; width: 301px; padding-right: 0px; height: 480px; border-top: medium none; border-right: medium none; padding-top: 0px; ieborderradius: set;" alt="placeholder" src="http://www.dragonduciel.ch/frn/images/jwshanghai1003.jpg" complete="complete"/>

my IMG tag:
<img src="images/jwshanghai1001.jpg" class="corner" name="mypic" alt="placeholder"/>


I use OS X so I have to use IE8 inside a Win2003Server virtual machine using VMware.

If anyone knows a solution to get it working in IE8 or a suggestion on another method to achieve a similar goal, that would be much appreciated. Thank you.

[edited by: tedster at 5:23 pm (utc) on May 4, 2010]
[edit reason] no screen captures, please [/edit]