Проблема с масштабом меню

[Alexandrov]

Здравствуйте.

Сдвигается меню, когда в браузере включена функция "Переносить текст".

В данном случае в опере на телефоне

Пример:

 

Как сделать, чтобы меню не подвергалось изменению даже при этой включенной функции?

 

Сайт: http://sunnym.ru

 

Меню - html + css

 

HTML:

<div id="menu-block"><ul class="menu"><li><a href="index.html">Главная</a></li><li><a href="online.html">Смотреть онлайн</a></li><li><a href="preview-serial.html">Анонсы</a></li><li><a href="news-serial.html">Новости</a></li><li><a href="actors.html">Актёры</a></li><li><a href="music.html">Музыка</a></li><li><a href="photo.html">Фото</a></li><li><a href="video.html">Видео</a></li><li><a href="about-serial.html">О сериале</a></li></ul></div>

CSS:

#menu-block {width: 980px;text-align: center !important;font-family: Georgia, "Times New Roman", Arial, Verdana;font-size: 16px;font-style: italic;}ul.menu {list-style: none;border-bottom: 5px solid #bb0000;border-top: 1px solid #114477;padding: 11px;background: #336699;margin: 0px;}ul.menu li {display: inline;}ul.menu li a {color: #fefefe;text-decoration: none;background: #225588;border: 1px solid #225588;border-bottom: 1px solid #114477;margin: 0;padding: 10px 14px 10px 14px;}ul.menu li a:hover {border-left: 1px solid #114477;border-right: 1px solid #114477;}

Спасибо.

[npofopr]

nowrap разве что попробуйте http://htmlbook.ru/css/word-wrap

[Alexandrov]

nowrap разве что попробуйте http://htmlbook.ru/css/word-wrap

Не помогает

[Alexandrov]

Ап

P.S. Проблема решена добавлением white-space: nowrap к блоку #menu-block

Edited May 11, 2014 by Alexandrov