html - Gap on right hand side of body element with 100% width -

html - Gap on right hand side of body element with 100% width -

i have site @ http://michaelscottweb.com has 100% width containers , elements when browser above approx 450px. when shrink browser below 980px , scroll right, there gap of around 20px on body. doesn't happen when view site above resolution. know changes when cause this?

css.

body { line-height: 1; overflow-x:hidden; max-width:100%; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; background: #fff; color: #555; font-family: 'ebgaramondregular'; font-size: 15px; font-smoothing: antialiased; line-height: 1.5em; text-rendering: optimizelegibility; }

looks it's beingness caused google plus button, if select (command + a), see outline on google plus button sticking out right in header.

html css css3 overflow responsive-design