Random Horizontal Scrollbar on Website

A new client has come to me with a strange issue they've got on their website, for some reason it's displaying a horizontal scrollbar, a开发者_如何学Pythonnd I'm really not sure how to get rid of it.

Help is appreciated.

http://www.hearthstoneresort.com/

You need to remove this width setting under div#tagline p from Hearthstone.css

div#tagline p
{
width: 828px; // remove this because it's positioned absolutely.
}

How about setting the body width to 100% instead of 828px in the css file. Or a hack like :

overflow:hidden;

in css always work.

add in stylesheet under body tag 'overflow-x: hidden;'

body {
    overflow-x: hidden;
}