Unexplained gap on IE and Firefox

Question

I'm using an accordion slide in my site and I've noticed that on IE and Firefox I get a weird gap of 20 pixels at the top of the slider.

I've checked the CSS back to back for some padding to the UL or the LI or even the slider itself but couldn't find any. It works perfectly on Chrome.

Read many post suggesting this to adjust the line-height but it didn't work for me.

How can I resolve this issue?

http://www.rom.guywalderonline.com

Answer 1

TRY THIS>>>

#slider {
height: 0px; /*IMPORTANT*/
background: url('../images/romold.jpg') top right no-repeat;
background-color: #434749;
}

This 100% works, if you have any problems please comment back....

Answer 2

If you add the following code to your template css file, it willl remove the gap:

#slider .row-fluid [class*="span"] {
    min-height: 0px !important;
}