Flexslider breaking in all versions of Internet Explorer

Hello and thanks for the great module.

I am curently using flexslider on a personal website i am building www.30npire.com. It works great on all browsers but breaks in all versions of Internet Explorer. When i say breaks, it seems it has a problem rendering it. It will not load and the caption of the slideshow will be shown on the left of the screen vertically. Sometimes if you move your cursor around the screen, it will margically appear and start working. Moving your cursor again makes it vanish.

I do not know javascript but i felt it was a .js issue so i downloaded the jquery update module and upgraded to jquery 1.8 and it did not work. Same goes for jquery 1.7.I am also using the flexslider model with the flexslider views module so i uninstalled the flexslider views module but the same problem sill persists.

I really do not know what i should do at this point. Any suggestions that anyone can provide that could help the situation would be highly appreciated. I have included a screenshot of what it looks like in Internet explorer and removed the site from maintainance mode so that you can have a look at it.

Thanks