How to hide black space on side of body in mobile verson
===

I have a responsive site and when I re-size it down to mobile version, it has a big black area on the right side that you can't see unless you scroll there.

Here is my css to try to fix it, but no luck.
   
    @media only screen and (max-width: 739px){
      .tline,.tphone{width:auto;word-wrap:normal;float:left;}
      .tline{text-align:left;}
      .tphone{clear:left;margin-left:7%;}
      body{width:100%;overflow-x:hidden;}
    }

I tried setting the body width to auto with no luck. if you use a phone, and slide it left a big black area will show up with no content.

I inspected the element in chrome re-sized down to mobile and i couldn't find anything that extended more than 300px wide.

Anyone know what the problem could be?