Search code examples
cssjoomlajoomla2.5

Unexplained gap on IE and Firefox

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

Solution

  • 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....