Theme page width and other pages differ in width in different browsers.

So today I made the total width of my theme thinner, which worked great in firefox, presentation page and the rest of the pages. But when I check in other browsers, IE and safari, the presentation page was the size I set it but rest were the preset wide size I didn’t want.

I looked in the source code and noticed that the width of the pages was changed, is this a bug or an error on my part?
<style type=”text/css“>
#wrapper, #access, #colophon, #branding, #main { width:1010px ;}
#access .menu-header, div.menu {width:998px ;}
#content { width:730px;float:right;margin:0px 20px 0 0;}
#primary,#secondary {width:220px;float:left;padding-left:0px;clear:left;border:none;border-right:1px dashed #EEE;padding-right:20px;}
.widget-title { -moz-border-radius:0 10px 0 0; -webkit-border-radius:0 10px 0 0;border-radius:0 10px 0 0 ; text-align:right;padding-right:5%;width:100%;margin-left:-10px;} #content p, #content ul, #content ol {
font-size:14px;
}