Я решал несколько другую, но подобную задачу: внутри ограниченного по ширине блока, центрированного по ширине браузера, организовать прокрутку другого, более широкого блока.
Пытался сделать вот так:
<div style='overflow:hidden;width:848px'>
<div id='items_row' style='width:1590px'> [содержимое блока] </div>
</div>
В FF и IE первый div нормально отображается по центру браузера, правильно обрезая содержимое div'а с id=''items_row'.
Если добавить #items_row { position:relative }, то IE игнорирует стиль первого блока и появляется горизонтальная прокрутка у браузера. Если же добавить #items_row { position:relative; overflow:hidden } (как посоветовал Kolyaj), то в IE у первого блока игнорируется ширина 848px, сам блок растягивается до правого края браузера и то, что в него не влезло, обрезается. Горизонтальной прокрутки у браузера не появляется но и симметрия пропадает.