Здравствуйте! Выпадающее меню работает в IE 8. А в IE 6 — нет. Я, конечно, надеюсь, что мало кто пользуется IE 6, но все равно хочется понять почему не работает? В справочнике написано - В браузере IE6 имеется ошибка, связанная с доктайпом, он обязательно должен находиться в первой строке кода. Если вы добавляете в первую строку кода не доктайп, а другой элемент или текст, браузер IE6 переходит в режим совместимости Я так поняла нужно удалить строку <?xml version="1.0" encoding="UTF-8" ?> (<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN") И задать кодировку с помощью <meta content='text/html; charset=utf-8' http-equiv='Content-Type' /> Только это сделать невозможно. Эта строка возвращается на место. Вот код. #NavbarMenu { background: #E1DCCA; width: 960px; height: 35px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px; } } #NavbarMenuleft { width: 680px; float: left; margin: 0px; padding: 0px; } #NavbarMenuright { width: 280px; font-size: 11px; float: right; margin: 0px; padding: 6px 0px 0px 0px; } #nav { margin: 0px; padding: 0px; } #nav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #nav li { list-style: none; margin: 0px; padding: 0px; } #nav li a, #nav li a:link, #nav li a:visited { color: #495D5C; display: block; font-size: 16px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: lowercase; margin: 0px; padding: 9px 15px 8px 15px; } #nav li a:hover, #nav li a:active { background: #EBE6D4 url(images/navhov.png); color: #495D5C; margin: 0px; padding: 9px 15px 8px 15px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #E1DCCA; width: 150px; color: #495D5C; font-size: 14px; font-family: Georgia, Times New Roman; font-weight: normal; text-transform: lowercase; float: none; margin: 0px; padding: 7px 10px 7px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #nav li li a:hover, #nav li li a:active { background: #85ACAC; color: #FFFFFF; padding: 7px 10px 7px 10px; } #nav li { float: left; padding: 0px; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #nav li li { } #nav li ul a { width: 140px; } #nav li ul a:hover, #nav li ul a:active { } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; }
