Mon's World

Ive been working on a friend's website. So from the psd file I created an html template from it. Afterwards he told me that there is a horizontal scrollbar when the resolution is low. First I tried changing the layout but i just cant get rid of it even though all the contents are in the screen, then I tried putting a CSS code

                 .html, body {
                 overflow-x: hidden;
                 }

And the scrollbar is gone.