Home/ Questions/Q 6578193
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T15:44:22+00:00

I have menu made with Superfish jquery plugin http://users.tpg.com.au/j_birch/plugins/superfish But i have some problems

  • 0

I have menu made with Superfish jquery plugin http://users.tpg.com.au/j_birch/plugins/superfish

But i have some problems with that, it is added padding when i view my page in Firefox, Chrome and IE:

enter image description here

Here is the jsfiddle sample http://jsfiddle.net/YsG97/2/
May be some one may suggest how to remove this spacing between Superfish menu ul and header div?

and there is strange thing i indecently find out, if i put &nbsp after menu closing tag: </ul>&nbsp; it is fixed spacing in Firefox, don’t know why. May be some one may explain?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here you go:

    #menucontainer {
    ...
    vertical-align: top;
}

    Live demo: http://jsfiddle.net/YsG97/5/

    The #menucontainer DIV has display: inline-block set, which effectively makes it an inline element. Inline elements are by default aligned to the baseline, which means that there will be space below them (between the baseline and the descender):

    http://vidasp.net/media/CSS-vertical-align.gif

    • 0