Question

Создал горизонтальное меню. Все работает, но есть одно но. Последняя кнопка в меню опущена вниз, и никак  не могу с этим ничего поделать, помогите  http://alir.ucoz.org/  смотрим на горизонтальное синее меню  хтмл  <div id="menu_bg">   <ul id="menu">    <li><a href="http://alir.ucoz.org"><span>Главная</span></a></li>&nbsp;&nbsp;  <span class="divider"></span>    <li><a href="http://alir.ucoz.org/index/ehlektroshhitovoe_oborudovanie/0-4"><span>Щиты</span></a></li>&nbsp;&nbsp;  <span class="divider"></span>     <li><a href="http://alir.ucoz.org/index/ktp/0-8"><span>КТП</span></a></li>&nbsp;&nbsp;  <span class="divider"></span>   <li><a href="http://alir.ucoz.org/index/kabel_i_provod/0-5"><span>Кабель</span></a></li>&nbsp;&nbsp;  <span class="divider"></span>     <li><a href="http://alir.ucoz.org/index/provod_montazhnyj/0-9"><span>Провод</span></a></li>&nbsp;&nbsp;  <span class="divider"></span>    <li><a href="http://alir.ucoz.org/index/kontakty/0-6"><span>Контакты</span></a></li>&nbsp;&nbsp;  <span class="divider"></span>    <li><a href="http://alir.ucoz.org/index/o_nas/0-7"><span>О нас</span></a></li>&nbsp;&nbsp;     CSS  #menu_bg {background:url(/img/bg_menu.png) no-repeat;width:1000px;height:51px;overflow:hidden;margin:0 auto;position:relative;padding:6px;}  #menu {list-style:none;margin:0;padding:0;background:url(/img/bg_menu.png) no-repeat 0 -63px;width:938px;height:48px;overflow:hidden;border-radius:10px;}  #menu li {float:left;color:#fff;font:bold 11px Tahoma;text-shadow:0 2px 0 #01263c;padding:0 45px;height:48px;line-height:48px;}  #menu li:hover {background:url(/img/menu_li_hover.png) repeat-x 0 0;text-shadow:0 2px 0 #02486b;padding:0;}  #menu li a {color:#fff;font:bold 11px Tahoma;text-shadow:0 2px 0 #01263c;text-decoration:none;}  #menu li:hover span {background:url(/img/menu_li_hover.png) no-repeat center bottom;height:48px;display:block;line-height:48px;padding:0 45px;}  .divider {background:url(/img/divider.png) no-repeat right;width:2px;height:48px;display:block;float:left;}

Answer 1

В стилях строка номер 402, найдите стили:

#menu {list-style:none;margin:0;padding:0;background:url(/img/bg_menu.png) no-repeat 0 -63px;width:938px;height:48px;overflow:hidden;border-radius:10px;} 

выделенное замените на 968 и проблема решится.

Comments

Спасибо за ответ.  Ксожалению не помогло

---

помогло изменение параметра на 1500  только не могу понять почему. Спасибо

---

Alexandr Kubrakov,

Вообще удалите - width:938px;