Я застрял в проблеме с выпадающим меню на этом сайте http://www.leithonthefringe.com/ (наведите курсор на информацию об исполнителе, чтобы увидеть проблему).
Как правило, между главным меню и первым элементом в раскрывающемся списке появляется большой разрыв, который влияет на FF / IE / Chrome.
Любые мысли с благодарностью!
CSS выглядит следующим образом:
#menu-main-nav { margin: 0px; padding: 0px; }
#menu-main-nav li { float: left; list-style: none; height: 40px; font-size: 20px; }
#menu-main-nav li a { display: block; background: #333333; padding: 12px 24px 8px 24px; text-decoration: none; border-right: 1px solid #444444; color: #EAFFED; white-space: nowrap; }
#menu-main-nav li a:hover { background: #222222; }
#menu-main-nav li ul { margin: 0px; padding: 0px; height: 40px; position: absolute; visibility: hidden; border-top: 1px solid white; z-index: +1 }
#menu-main-nav li ul li { float: none; display: inline; }
#menu-main-nav li ul li a { width: auto; background: #750000; color: #FFFFFF; border-right: none; }
#menu-main-nav li ul li a:hover { background: #8d0101; }
// Update
Проблема, похоже, заключается в том, что cufon отображает пустое пространство, которое, как представляется, не существует в виде текста cufon - любые мысли о том, почему это произойдет, также приветствуются.
Оказалось, что решение состоит в том, чтобы визуализировать cufon в # main-menu-nav, а не в # main-menu-nav ...