У меня аналогичная проблема! Вот мой код: <div id="menu"> <ul> <li> И CSS: #menu { margin-top: 5px; border:1px solid; text-align: center; background: url(menu.jpg); background-repeat: repeat-x; padding:inherit; height: 45px; } #menu ul { width: 700px; text-align: center !important; margin: 0 auto; padding: 4px; } #menu li { margin: 0 auto; text-align: center !important; float:left; list-style-type:none; padding: 4px; } #menu li a { display: block; color: white; text-decoration: none; font-weight: 700; font-size: medium; font-family:sans-serif; } #menu a:hover { color: #8B8989; } /**** Для выпадающего меню ****/ #menu ul li ul{ margin: 0 auto; display: none; } #menu ul li:hover ul{ width: 120px; background: url(menu_2.jpg) no-repeat; position: absolute; display: block; margin-left: 0px; margin-top: 1px; } #menu ul li:hover ul a{ font-weight: 500; font-size: small; font-family:sans-serif; color: #d9d6d6; } #menu ul li:hover ul a:hover{ color: white; } /** END menu **/ И, как видно, text-align: center !important; не помогает! Подскажите решение, плиз!
