IE Distorts Slideshow "BACK" and "FORWARD" Navigation

Live Example: http://newsite.702wedding.com/vegas-wedding-chapels.asp

Works Great in Fire开发者_开发知识库Fox, Chrome, but IE the Slide Show Arrow Buttons Move to the Left.

Any good PERMANENT fixes? Or how can I address the IE users and give it extra left margin? (Seems Ugly, Any REAL fixs?)

Thanks Very Much, James

You can target Internet Explorer with conditional stylesheets to fix inconsistencies cause by IE. It's not ugly - it's a pretty common fix and if done carefully only requires a small number of styles specifically targeted at IE. Include your IE specific CSS files like so:

<!--[if IE 7]>
  <link type="text/css" rel="stylesheet" href="ie7.css" />
<![endif]-->
<!--[if lte IE 6]>
  <link type="text/css" rel="stylesheet" href="ie6.css" />
<![endif]-->

The top selector only targets IE7, while the bottom targets browsers <= IE6. You could also use <!--[if lte IE 7]> to target browsers <= IE7 with a single stylesheet instead.