Здравствуйте! проблема с меню при наводке на ссылку не работает :hover в chrome и safari работает в FF IE Opere. здесь можно посмотреть меню ghost1981.co.cc Помогите если не сложно... спасибо! <!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; background:#d6f4ce; } a { color:#000000; outline: none; text-decoration:none; } a:hover { text-decoration:underline; } #container{width:1000px;height:60px;margin:-100px auto;position:relative;} #top_nav{ width:982px; height:54px; background:#fff; border:1px solid #000; position:absolute; top:150px; left:9px; } #top_nav li{ float:left; margin:0 52px; } #top_nav li a{ line-height:54px; font-size:15px; font-weight:bold; } #top_nav li:hover a:hover{ display:block; padding:0 40px; margin:0px -40px; height:54px; background:#f00; color:#ffffff; text-decoration:none; } </style> <title></title> </head> <body> <div id="container"> <div id="top_nav"> <ul> <li><a href="#">Компания</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Преимущества</a></li> <li><a href="#">Сотрудничество</a></li> <li><a href="#">Где купить</a></li> </ul> </div><!-- #top_nav--> <div><!-- #container--> </body> </html>