How to make the margins and border in a mobile website invisible html/css

[JPT]

\[code\] *{ margin:0; padding:0; border:0; font-family: Helvetica, sans-serif; -webkit-text-size-adjust:none;}#menubar * { padding: 0; margin: 2; } body { padding: 5px; font-family: Helvetica, Arial, sans-serif; width:95%; font-size:12px} #menubar ul{ text-align:center;} #menubar ul li { display:inline-block; padding: 2px; position: relative; margin-left:-10px; margin-right:-20px; margin:invisible; } #menubar ul a { display: table-cell; vertical-align: middle; width: 80px; height: 30px; text-align:center; background: #FFF; color:#000; border-style: solid; border-width:2px; border-color:#1570a6; text-decoration: none; }#menubar li:after{ border-left:50px solid black;border-right:60px solid black;content:"";position:relative;left:-12px;top:-18px; z-index:-1;display:block;height:1px;}\[/code\]Ive got this code on the header and ive set the margin and border to 0 but im still getting a blank white space on the sides when i preview the webpage. Any suggestions?This is the webpage that i have made and its for mobiles so if you want to get the proper user experience you could browse it with your mobile phone http://obdkey.comyr.com/Home.html this is a temporary domain for the website