I've been building a site and I get a horizontal scrollbars and huge space to the right of the product pages. My first thought was an unclosed div, but I have validated with W3C and it checks out. I wonder if it's because of something (the buttons,tabs) that is relatively positioned. Would you please point me in the right direction. Any help is much appreciated.
<a href="http://validator.w3.org/check?uri=http%3A%2F%2Fcheapgamessales.com%2Fproduct%2FEets.html&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.3+http%3A%2F%2Fvalidator.w3.org%2Fservices" rel="nofollow">Validation link with source</a>
<a href="http://cheapgamessales.com/product/Eets.html" rel="nofollow">Page link</a>
I'll post the image in the comment since I don't get enough reputation.Answer1:
There is a
width: 100%; on
#cssmenu ul ul
It's at <strong>line 342</strong> in <strong>style.css?ver=3.6</strong>
This is causing your little issue. Remove it if you can.Answer2:
give to your #wrap div
overflow-x: hidden. because some unknown child div has a very big width.