Проблема в:

У меня есть меню панели полной ширины, которое создается путем создания большого поля справа и слева. Это поле должно быть обрезано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 - центрированный элемент div с фиксированной шириной 950 пикселей, #full_bar - столбец, который простирается на все окно от одной стороны к другой.

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