Проблемы с меню
-
Добрый день!.Проблему сам не могу решить!
Горизонтальное меню в Mozzile и EI съезжает примерно на 3-5px в низ! В Chrome всё норм. Так вот, как адаптировать меню!?
Сам сайт: http://www.Planetsecret.ruCSS меню:
/* Menu */ #catnav { margin: 23px 0 0 1px; padding: 0; clear: both; height: 42px; width: 870px; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; background: -webkit-gradient(linear, left top, left bottom, from(#121212), to(#040404)); background: -moz-linear-gradient(top, #121212, #040404); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#121212', endColorstr='#040404'); border: 1px solid #090909; list-style: none; float: left; } #nav { list-style: none; margin: 0; padding: 0; } #nav ul { margin: 0; padding: 0; } #nav li { float: left; margin: -1px -1px -1px 0; padding: 0; border-right: 1px solid #121212; } #nav a { display: block; line-height: 44px; margin: 0; padding: 0 20px 0 15px; font-size: 10pt; font-weight: 200; color: #fff; letter-spacing: 0; border-right: 1px solid #000; } #nav li.first a { -moz-border-radius: 8px 0 0 8px; -khtml-border-radius: 8px 0 0 8px; -webkit-border-radius: 8px 0 0 8px; } #nav li a:hover { text-decoration: none; display: block; background: -webkit-gradient(linear, left top, left bottom, from(#202020), to(#080808)); background: -moz-linear-gradient(top, #202020, #080808); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#202020', endColorstr='#080808'); } #nav li ul { list-style: none; position: absolute; width: 150px; left: -999em; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li li { float: left; margin: 0; padding: 0; width: 150px; } #nav li li a { width: 150px; height: 24px; line-height: 24px; color: #fff; border-top: 1px solid #131f27; background: #040404; margin: 0; padding: 5px 20px 5px 15px; } #nav li li a:hover { border-top: 1px solid #131f27; background: #000; padding: 5px 20px 5px 15px; } #nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */ position: static; }
Просмотр 2 ответов — с 1 по 2 (всего 2)
Просмотр 2 ответов — с 1 по 2 (всего 2)
Тема «Проблемы с меню» закрыта для новых ответов.