CSS margin/position issue in IE

I'm having a hard time trying to identify CSS issue that's causing a problem with flexslider in IE. All other browsers work, but IE. For some reason the slide li is being pushed to the right. It has a margin-right: -100% set, but removing it breaks slide transition. For some reason IE uses -100% to pull slides way to the right.

Flexslider is a slideshow, built by WooThemes. http://www.woothemes.com/flexslider/

The demo works fine in IE, but my setup has that IE issue. I spent hours trying to figure it out, but I can't find anything wrong with it.

Here's the demo:
http://themeforest.net/item/skydream...review/4333137

Here's live version:
http://www.trestlecm.com/

I've tried many things to correct an error, but nothing is working.

Would really appreciate help pin pointing issue causing this.

Attached is a screenshot of issue in IE.

Attachment 5079

What is flexslider? Please provide links to all source script demo pages so we can compare.

Also, have you tried using the developer toolbar in IE? Press F12, then click the arrow-head icon on the left of the HTML tab. This will allow you to inspect elements by clicking on them - here you can quickly identify their styles that you can edit live in the browser.

Quote:

---

Originally Posted by Beverleyh

What is flexslider? Please provide links to all source script demo pages so we can compare.

Also, have you tried using the developer toolbar in IE? Press F12, then click the arrow-head icon on the left of the HTML tab. This will allow you to inspect elements by clicking on them - here you can quickly identify their styles that you can edit live in the browser.

---

Thanks, I've updated my answer with more info and screenshot. Yes, I do know about dev tools and firebug. I've tried many things, but can't figure out what's causing it.