Question

We’ve been working on a new website and there is some mystery padding/margin occurring just in Firefox 6 that doesn’t appear in any other browser (including IE).

What it should look like:

What Firefox displays:

The additional margin/padding is appearing just above the Blackboard + Portal buttons.

Playing with Firebug it’s something to do with the float:left on ul.springboard li.

Can anyone point me in the right direction?

Thank you

Answer 1

I tried removing the clearfix class and adding the following rules to ul.springboard:

display: inline-block;
width: 100%;

That removed the space in Firefox, but I’m not sure how it will impact other ul elements that use .springboard class.