Question

Hey guys please check this page.

Please visit the page using any browser except IE. Click the 4th bullet. And then click “the hogc story” link. You can see one popup slider.

Now visit the page using IE. popup slider not working there. It only shows black screen. What is wrong in my code?. Here is my code Thanks.
Special thanks to Jawad for the screenshot.

This is what he found out in my code.

In IE9 on Windows 7, In your code under

<div class="slider nivoSlider>

the images are getting inline styles of

display: none;

So can anyone tell me how to fix this problem.? I have no idea which javascript causing this problem in IE. Its working fine in all other browsers.
Thanks

Answer 1

I fixed it by myself. The slider what i’m using is nivoslider. Height need to defined there to make it work in IE.This is what i applied in my code.

.slider { position:relative;
width: 1280px;
height: 412px;
background: url(../images/loading.gif) no-repeat 50% 50%; }