Как правильно скрыть position:absoute справа

[paralex]

Здравствуйте. Посмотрел форум и не наткнулся на хорошие решения данного вопроса. Чтоб было понятнее приведу реальный пример.

 

 

Вот есть блок контента. Внутри него wrap заданной ширины и margin: auto. И вот в этом блоке есть линии которые должны выходить за его границу влево и вправо и до конца окна браузера при любом разрешении. Самым адекватным способ посчитал сделать их через position:absolute (задал ширину линий 1000px и отпозиционировал куда требовалось) и слева никаких проблем не возникло, а справа появилась полоса прокрутки. Скрыл ее через overflow-x:hidden и довольный результатом продолжил. В конце верстки посмотрел как выглядит в  разных браузерах и вот на устройствах ipad iphone получается так что это полоса в тысячу пикселей справа показывается полностью, и получается огромная пустота справа и узенький сайт слева. Как это исправить? И может быть есть более правильный способ делать такие линии?

[sigma77]

http://jsfiddle.net/fainz777/noref2tc/2/embedded/result/ - можно так, например.

[paralex]

Прикольный способ Но если я правильно понимаю деля на проценты сайт так, то при изменение ширины окна он не будет центрироваться по центру как при использование wrap. А это нужно обязательно мне