css - cant resolve overflow issue for mobile -

im not sure include here, have went through every width on site , cant figure out why im seeing site margin on right on mobile devices.

here link http://m.mdmobile.hailstorm-technologies.com/ have tried

overflow:hidden; in body , html css , , while resolves issue on mobile cant scroll down on desktop.

i have tried overflow-x:hidden body , html , once again, works mobile adds second vertical scrollbar onto shrunk desktop browser.

html {

margin: 0; padding: 0; width:100%; overflow-x:hidden;    }  body {  color: #000000; font-family: arial, helvetica, sans-serif; margin: 0px; padding: 0px; background-image: url('../image/background-pattern.jpg');  width:100%; overflow-x:hidden;     } 

ive included this...

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">        

the following line causing this

#header #welcome { float: left; /* remove */ z-index: 5; text-align: left; color: #006f51; position: relative; } 

edit: still margin there, remove aswell

#header #cart .heading { color: #006f51; text-decoration: none; float: right; text-decoration: underline; margin-right: -10px; /* remove  */ padding: 6px 10px 6px 30px; clear: both; font-size: 17px; }