Доброго всем времени суток. Помогите пожалуйста решить такую проблему. Итак есть меню , у меню есть заголовок, этот заголовок сделан при помощи first-child первому li в ul , там же используется css 3 PIE для border-radius в IE. Chrome , Opera , FF как всегда нормально, но в IE7-8 заголовок просто пропадает. Дать заголовку zoom:1; position:relative; пробовал ul тоже . Всем его родителям тоже. Не помогает. Блок появляется в обоих IE если убрать border-radius. Сделать заголовок png или просто убрать его в div конечно можно. Но хотелось бы найти решение проблемы. Код: <ul class="left_menu"> <li>Наши услуги</li> <li><a href="{if $e.page_id == $site.page_id}/{else}{$e.url}{/if}" {if $e.blank} target="_blank"{/if}>Пункт меню 1</a></li> <li><a href="{$e.url}">Пункт меню 2</a></li> <li><a href="{$e.url}">Пункт меню 3</a></li> <li><a href="{$e.url}">Пункт меню 4</a></li> <li><a href="{$e.url}">Пункт меню 5</a></li> </ul> /*CSS */ .left_menu { margin:0; padding:0; list-style:none; width:238px; position:relative; zoom:1; } .left_menu li { font-size:0; line-height:0; vertical-align:top; margin:0; padding:0 12px 0 12px; position:relative; zoom:1; } .left_menu li a {position:relative; zoom:1; display:block; padding:7px 0 7px 0; line-height:normal; border-top:1px dotted #666666; font:bold 13px Tahoma, Geneva, sans-serif; color:#4f4f4f; text-decoration:none; } .left_menu li:first-child + li a{border-top:none;} .left_menu li a:hover {color:#c90837;} .left_menu li:first-child { zoom:1; display:block !important; font:bold 18px Arial, Helvetica, sans-serif !important; color:#0052c6; padding:7px 0 7px 13px !important ; background:#99d095 url(lm_h_bg.png) left top repeat-x; border:1px solid #92b289; position:relative; behavior:url(images/pie.htc); border-radius:6px; }
