Problem with the unwanted horizontal scroll bar

[Lkaiwail]

Hello all brothers and sisters,

I have a problem with the width of my web page. It appears that there is a horizontal scroll bar which can be scrolled to the right even the browser is large enough to show all content.

 

You may see it here: http://www.jollymay.com/

 

Would like to know how can I bring it back to normal which the horizontal scroll bar shouldn't be existed.

Thank you very much in advance!

[Snade]

Hi

Generally it look like your css got some problems

 

First one, on line 650 in global.css edit it like this:

#center_column .products_block p {
margin: 0 !important;
text-align: center;
width: 169px;
}

 

 

please try this and tell me does it fix the problem, because when I try it in firebug, it is half-fixed, still some pixels remain ouside the screen. It is really strange, because no div element goes outside the screen resolution, but something is adding pixels tot he right.

[CartExpert.net]

Hello!

 

Actually this seems to be a Javascript problem. If you disable Javascript in the browser, pages will display correctly. There's something wrong with the Facebook Like button, because an iframe remains there hidden in the 'fb-root' DIV, with the width of 575px. This iframe makes the scrollbar appear. On product info pages the horizontal scrollbar doesn't appear, but the 'fb-root' DIV is empty in these cases. You should rather look at the code that generates the Like button.

 

Also you have HTML issues in the footer, a few of the UL elements are missing their LI elements.