overflow-x: hidden все еще может прокручиваться

Проблема:

У меня есть меню с полосой полной ширины, которое создается путем создания большого поля справа и слева. Это поле должно быть обрезано с помощью overflow-x: hidden , и это ... нет полос прокрутки, все (визуально) в порядке ...

Но если вы перетащите страницу (используя Mac Lion) или прокрутите вправо, на странице отображается огромная полоса, которую нужно было обрезать с помощью overflow-x: hidden .

CSS

html {
  margin:0;
  padding:0;
  overflow-x:hidden;
}
body {
  margin: 0 auto;
  width: 950px;
}

.full, .f_right {
  margin-right: -3000px !important;
  padding-right: 3000px !important;
}

.full, .f_left {
  margin-left: -3000px !important;
  padding-left: 3000px !important;
}

Вот ссылка: http://jsfiddle.net/NicosKaralis/PcLed/1/

Вы должны открыть черновик, чтобы увидеть ... jsfiddle css каким-то образом заставляет его работать .

@Krazer

У меня такая структура:

body
  div#container
    div#menu_bar
      div#links
      div#full_bar
    div#content_body
    ...

#container - это блок с центрированием и фиксированной шириной 950 пикселей, #full_bar - это полоса, которая простирается на все окно, от одной стороны до другой

, если я установил ширину 100% в #full_bar, она получит только внутреннюю ширину, а не ширину окна