[Mirtle@tut.by]

Вот еще один вариант горизонтального меню. В примере все работает хорошо при масштабировании у меня опять две колонки перескакивают. Где-то я делаю принципиальную ошибку или чего-то недопонимаю.

.header .navigation {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 66px; }
    .header .navigation ul {
      clear: left;
      float: left;
      list-style: none;
      position: relative;
      left: 50%;
      text-align: center; }
      .header .navigation ul li {
        display: block;
        float: left;
        list-style: none;
        padding-top: 26px;
        position: relative;
        right: 50%; }
        .header .navigation ul li a {
          display: block;
          text-transform: uppercase;
          padding-left: 24px;
          padding-right: 24px;
          text-decoration: none;
          color: #423329;
          border-left: dotted 1px #bababa;
          line-height: 1.3em; }