Как можно вынести див блок в сторону без появления горизонтальной прокрутки?

основной контейнер #wrapper - width: 100% и overflow: hidden; в нем фоном оооочень большая картинка со сценой и залом без штор, инструментов и других деталей на сцене.
остальные контейнеры с более мелкими изображениями - с position: absolute; и размерами left и right в процентах. позиционируются относительно "родителей" с position: relative;
все, что не влезает в 100% - т. е. в экран, #wrapper обрезает (overflow: hidden)

хорошо сделано. только я бы не стал в данном конкретном случае такую огромную картинку в основной фон ставить - она все равно не супер-качественная. так что можно было ограничиться картинкой поменьше и масштабировать.
вот как тут поступили - http://www.porte-sainte-claire.com/
- правда, там и так объемы дикие)) ) - картинок и скриптов грузится дофига. и зачем-то абсолютно все повешено на скрипт. хотя в половине случаев, в том числе и в случае масштабирования, достаточно css. bakcground-size, например. (там скрипт используется еще и потому, что картинка - img посередине по вертикали и горизонтали ставится. - т. е. мы всегда видим центр, а не верхнюю часть - хотя и это реализуемо в css, но очень уж сложная верстка получается и куча костылей для IE6-7)

ну размер картинки со шторами специально большой, чтобы на широугольных мониторах нормально отображались. А размер дива подгоняется под ширину монитора. Остальное просто скрывается.
Смотрите исходный код. Это удобно смотреть через firebug