Добрый день. Я так чувствую я уже 145 человек, приходящий с такой проблемой, но честно перепробывал все известные танцы с бубном, ничего не помогло. Есть Полоса: Вот так её плющит при маленьком разрешении экрана: #information { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px; vertical-align:middle; color:#fff; font-weight: bold; list-style: none; padding-top: 4px; background:#10347B; margin:0px; margin-bottom:1px; margin-left:0px; height:20px; border:0px; white-space: nowrap; } #information li{ float:left; padding-left: 8px; padding-right:16px; background: url('img/crosser.png'); background-position: right center; background-repeat: no-repeat; border:0px; white-space: nowrap; } #information li.loghref{ background: none; } #information a{ text-decoration: none; color:#fff; } #information a.login_href, a.logout_href { display:block; width:120px; height:24px; text-indent:-9999px; background: url('img/menu/login.png'); background-repeat: no-repeat; border:0px; margin-top:-4px; } #information a.login_href{ margin-left: 80px; } #information a.login_href { background-position: 0 0px; } #information a.login_href:hover { background-position: 0 -24px;} #information a.logout_href { background-position: 0 -48px; } #information a.logout_href:hover { background-position: 0 -72px;} <div id="pages"> <ul id="information"> <li> </li> <li><a href>Главная</a></li> <!-- Start of Information pages --> <li><a href>Карта сайта</a></li> <li><a href>Главная страница</a></li> <li><a href>Тестовая страница</a></li> <!-- End of Information pages --> <li style="margin-left:85px;"> </li> <li><a href>Мои данные</a></li> <li><a href>Корзина</a></li> <li class="loghref"><a href class="logout_href">Выход</a></li> </ul> </div> Как заставить элементы списка не уходить на новую строку? Очень не хочется делать таблицу, но в принцессе если другого пути нет - смирюсь.