Page width larger than any elements on the page?

Question

Hey everyone, working on a site at the moment.

http://www.creativefireplaces.co.uk/fireplaces/marble-fire-surrounds/sheridan-marble-fire-surround.html

If you go to that page you will see that there is a horizontal scroll bar. I have tried to find the div responsible. (i'm aware the search bar pokes out) But looking in the code I cant work out what is making the pages so large.

Answer 1

Check your background image (the vertical stripes). It is too wide. Look at http://www.creativefireplaces.co.uk/skin/frontend/creative/default/images/main_bg.gif it overflows the browser horizontally.

Answer 2

<div class="product-custom-right-col" style="">

.product-custom-right-col { float: right; width: 420px; }

The absolute width of 420 px and float right is causing the issue.

Answer 3

add overflow-x: hidden; to div class middle-container :)