Как убрать интервал между суперфишей меню ul и родительским div

Question

У меня есть меню с плагином Superfish jquery http://users.tpg.com.au/j_birch/plugins/superfish

Но у меня есть некоторые проблемы с этим, оно добавляется, когда я просматриваю свою страницу в Firefox, Chrome и IE:

Вот пример jsfiddle http://jsfiddle.net/YsG97/2/ Может быть, кто-то может подсказать, как убрать этот интервал между меню Superfish ul и заголовком div?

и есть странная вещьЯ неприлично узнаю, если я ставлю после закрытия меню тег: </ul>&nbsp; это фиксированный интервал в Firefox, не знаю почему.Может быть, кто-то может объяснить?

Answer 1

Вот, пожалуйста:

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

Живая демоверсия: http://jsfiddle.net/YsG97/5/

#menucontainer DIV имеет набор display: inline-block, что фактически делает его встроенным элементом. Встроенные элементы по умолчанию выровнены по базовой линии, что означает, что под ними будет свободное пространство (между базовой линией и спусковым устройством):

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

Answer 2

Если вы добавляете очищающий элемент после закрывающего тега ul, он совпадает до конца.есть проблема с поплавками, не знаю, в чем проблема, но это исправляет ее (хотя с увеличенной высотой в #menucontainer div.

См. здесь .