aNt1

оно стало отображаться но не открывает подменю

На сайте есть CSS меню, многоуровневое, выпадающее, в IE 7, Opera 9.6, Firefox 3 отображается идеально, а в IE 6.0 пустое место вместо меню, может подскажите в чём дело? body{ font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; } #nav, #nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; margin-left:20px; text-align:center; z-index:5; } #nav a{ display:block; width:111px; height:67px; padding:0px 5px; border-bottom:1px solid #333; border-right:1px solid #333; color:#333; text-decoration:none; background-color:#b2afab; text-align:center; vertical-align:baseline; background-image:url(/imgA/mn.gif); background-repeat:no-repeat; background-position:50% 40%; text-transform:uppercase; line-height:100px; z-index:1; } #nav a:hover{ background-color:#333; color:#fff; } #nav li{ float:left; position:relative; } #nav ul { font-size:11px; left:-20px; position:absolute; display:none; width:140px; top:68px; z-index:4; } #nav li ul a{ width:140px; height:auto; float:left; border-bottom:1px solid #666; border-right:1px solid #666; text-align:left; background-image:url(/down.gif); text-transform:none; line-height:normal; padding: 0px 5px 10px; } #nav ul ul{ top:auto; } #nav li ul ul { left:131px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; }

Вот, есть CSS выпадающее меню } #nav li ul { display: none; } #nav a { text-transform:uppercase; font-size:14px; text-align:center; background-image:url(/imgA/mn.gif); color: #fff; text-decoration: none; display: block; width: 102px; padding:10px; background: #515151; } #nav a:hover { color: #000; background: #ccc; } #nav li:hover { background: #515151; } #nav li ul { display: none; } #nav li ul { display: none; position: absolute; background: url(fone-tr.png); padding: 8px 0; width: 200px; } #nav li li a { width: 300px; background: none; } #nav li:hover ul { display: block; padding:0; } #nav li:hover li ul { display: none; width: 138px; top: -9px; left: 300px; } #nav li:hover li:hover ul { display: block; } Хелпаните кто-нить, подскажите как сделать чтобы выпадающие блоки были шириной 300 с отступом чтобы друг друга не перекрывать и выпадающие блоки были поверх блоков сайта.

Вот, есть CSS выпадающее меню } #nav li ul { display: none; } #nav a { text-transform:uppercase; font-size:14px; text-align:center; background-image:url(/imgA/mn.gif); color: #fff; text-decoration: none; display: block; width: 102px; padding:10px; background: #515151; } #nav a:hover { color: #000; background: #ccc; } #nav li:hover { background: #515151; } #nav li ul { display: none; } #nav li ul { display: none; position: absolute; background: url(fone-tr.png); padding: 8px 0; width: 200px; } #nav li li a { width: 300px; background: none; } #nav li:hover ul { display: block; padding:0; } #nav li:hover li ul { display: none; width: 138px; top: -9px; left: 300px; } #nav li:hover li:hover ul { display: block; } Хелпаните кто-нить, подскажите как сделать чтобы выпадающие блоки были шириной 300 с отступом чтобы друг друга не перекрывать и выпадающие блоки были поверх блоков сайта. Заранее спасиб.