Jquery in i-frame html not working in Internet Explorer

Jquery in i-frame html not working in Internet Explorer

I have two html files, each of which have a slider along with various hover functions running on java scripts.

So I called the 2nd file in a Main Html using an i-frame to resolve any sort of conflict as they use the same plug ins and JS.
It all works fine in Google Chrome & Mozilla FireFox.

But when i try it in Internet Explorer, it works fine for the main page but everything stops working for the file called in the i-frame.No Slider/No Hover Effect.

Can some one please let me know why this is happening and how can I resolve it?

I am posting the link of the page as uploaded on the server.Please have a look.
http://www.jabong.com/online-sale/

The first slider is in the main Html File while the second slider has been called via an iframe from a separate html file.
Please note that the slider/hover functions all work fine in the individual files.

Thanks.