title: How can I force IE to keep some margin at left in it's browser window?
body: <p>My website is properly centered and fitted in all browser windows except the Internet Explorer.
  What happens in IE is that it removes the margin from left and forces to align the body left, what I don't want. How can I solve this issue so that the IE can display my site exactly as other browsers do?</p>
  
  <p>If you prefer you can look at the live view <a href="http://7seasredovisning.se/" rel="nofollow">here</a> though I am going to paste my code.</p>
  
  <p>:HTML:</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"/&gt;
  &lt;title&gt;7Seas Redovisning&lt;/title&gt;
  &lt;link rel="stylesheet" href="style.css"&gt;
  
  &lt;/head&gt;
  
  
  
  &lt;body&gt;
  
  &lt;div id="big_wrapper"&gt;
  
  &lt;header id="top_header"&gt;
  &lt;h1&gt;&lt;img src="img_akin/7seas.jpeg" id="logo" alt=""/&gt;7Seas Redovisning&lt;/h1&gt;
  &lt;p&gt;&lt;b&gt;
  
  &lt;span class="mob_tele"&gt;Mob: 076-9516926 &lt;br /&gt;
  Tel: 040-133403&lt;/span&gt;&lt;br /&gt;
  info@7seasredovisning.se&lt;/b&gt;
  
  &lt;/p&gt;
  
  &lt;/header&gt;
  
  &lt;nav id="top_menu"&gt;
  &lt;ul&gt;
  &lt;li&gt;Intresseanmälan&lt;/li&gt;
  &lt;li&gt;Öppettider&lt;/li&gt;
  
  &lt;/ul&gt;
  
  &lt;/nav&gt;
  &lt;div id="new_div"&gt; &lt;!--only the main content--&gt;
  &lt;section id="main_section"&gt;
  &lt;marquee behavior="alternate"&gt;We are coming soon, please check back later.&lt;/marquee&gt;
  
  &lt;img src="img_akin/image_1st_body.jpg" id="img1" width="650" height="340" alt=""/&gt;
  
  &lt;ol&gt;
  &lt;li&gt;LÖPANDE BÖKFÖRING&lt;/li&gt;&lt;br /&gt;
  &lt;li&gt;BOKSLUT &amp; ÅRSREDOVISNING&lt;/li&gt;&lt;br /&gt;
  &lt;li&gt;SKATTEDEKLARATION&lt;/li&gt;&lt;br /&gt;
  &lt;li&gt;LÖNEADMINISTRATION&lt;/li&gt;&lt;br /&gt;
  &lt;li&gt;FAKTURERING&lt;/li&gt;&lt;br /&gt;
  &lt;li&gt;INKOMSTDEKLARATION&lt;/li&gt;&lt;br /&gt;
  &lt;li&gt;MOMSDEKLARATION&lt;/li&gt;&lt;br /&gt;
  &lt;li&gt;BOLAGSBILDNING&lt;/li&gt;&lt;br /&gt;
  &lt;li&gt;EKONOMI KONSLUT&lt;/li&gt;&lt;br /&gt;
  
  &lt;/ol&gt;
  
  
  &lt;/section&gt;
  
  
  &lt;/div&gt;
  
  &lt;footer id="the_footer"&gt;
  &lt;ul&gt;
  &lt;li&gt;
  © 7 seas Redovisning &lt;br /&gt;                                         
  
  En del av 7seas Money Transfer KB&lt;br /&gt;                 
  F-skatt registrerat  &lt;br /&gt;                                         
  Org, Nr: 969756-4079 &lt;br /&gt;   
  SEB Företagskonto: 5502-1030132&lt;br /&gt;
  BG: 102-5006
  
  &lt;/li&gt;
  
  
  
  &lt;li&gt;
  Besökadress: Skomakarebyn 8E&lt;br /&gt; 
  218 41 Bunkeflostrand&lt;br /&gt; 
  Malmö, Sweden &lt;br /&gt;  
  Follow us on FB &lt;!-- SMARTADDON BEGIN --&gt;
  &lt;br /&gt;
  &lt;script type="text/javascript"&gt;
  (function() {
  var s=document.createElement('script');s.type='text/javascript';s.async = true;
  s.src='http://s1.smartaddon.com/share_addon.js';
  var j =document.getElementsByTagName('script')[0];j.parentNode.insertBefore(s,j);
  })();
  &lt;/script&gt;
  
  
  &lt;a href="http://www.smartaddon.com/?share" title="Share Button" onclick="return sa_tellafriend('www.7seasredovisning.se','bookmarks')"&gt;&lt;img alt="Share" src="http://s1.smartaddon.com/s8.png" border="0" /&gt;&lt;/a&gt;
  
                          &lt;br /&gt;&lt;i&gt;Design &amp; Development: DH BANGLADESH in SWEDEN&lt;/i&gt;
  
  &lt;/li&gt;
  
  
  &lt;li&gt;
  Tel: 040-133403&lt;br /&gt;
  Mob: 076-9516926&lt;br /&gt;
  e-Mail: info@7seasredovisning.se&lt;br/&gt;
  www.7seasredovisning.se&lt;br/&gt;
  &lt;span id="webstat"&gt;
  &lt;script src="http://stats.webstat.se/assets/stat_isp2.php"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript"&gt;
  &lt;!--
  document.write("&lt;" + "script src=\"http://stats.webstat.se/statCounter.asp?id=38356&amp;size=" + screen.width + "x" + screen.height + "&amp;depth=" + screen.colorDepth + "&amp;referer=" + escape(document.referrer) + "&amp;isp=" + info2+ "\"&gt;&lt;/" + "script&gt;"); 
  --&gt;
  &lt;/script&gt;
  &lt;/span&gt;
  &lt;!-- Slut WEBSTAT.SE kod --&gt;
  
  &lt;/li&gt;
  
  &lt;/ul&gt;
  
  
  &lt;/footer&gt;
  
  &lt;/div&gt;
  
  &lt;/body&gt;
  
  
  &lt;/html&gt;
  </code></pre>
  
  <p>.CSS:</p>
  
  <pre><code>    *{
  margin:0px;
  padding:0px;
  }
  #top_header h1 {
  
  font:bold 40px Prisoner SF;
  margin-top:-20px;
  color:#006400;
  
  
  }
  #top_header p {
  
  margin-top:-100px;
  
  color:#A0522D;
  float:right;
  font-family:Euphemia;
  }
  
  .mob_tele{
  font-size:12.5px;
  }
  
  h2{
  
  font:bold 14px Tahoma;
  }
  header,section,footer,aside,nav,article,hgroup{
  display:block;
  
  }
  body{
  width:100%;
  display:-webkit-box;
  display:-o-box;
  display:-moz-box;
  display:-ms-box;
  box-pack:center;
  -webkit-box-pack:center;
  -moz-box-pack:center;
  -webkit-box-pack:center;
  -ms-box-pack:center;
  -o-box-pack:center;
  background-color:#E6E6FA;
  
  
  }
  
  
  #big_wrapper{
  max-width:1200px;
  margin-top:20px;
  
  
  display:-webkit-box;
  display:-o-box;
  display:-moz-box;
  display:-ms-box;
  box-orient:vertical;
  -webkit-box-orient:vertical;
  -moz-box-orient:vertical;
  -ms-box-orient:vertical;
  box-flex:1;
  -webkit-box-flex:1;
  -moz-box-flex:1;
  -ms-box-flex:1;
  background-color:white;
  
  
  }
  #top_header{
  
  border:3px soild gray;
  padding:20px;
  
  }
  #logo{
  padding-top:20px;
  
  }
  
  #top_menu{
  border: 2px solid #20B2AA;
  border-radius:4px;
  background:linear-gradient(to bottom, #87CEEB, #C0C0C0, #87CEEB);
  background:-webkit-linear-gradient(to bottom, #87CEEB, #C0C0C0, #87CEEB);
  background:-moz-linear-gradient(to bottom, #87CEEB, #C0C0C0, #87CEEB);
  background:-ms-linear-gradient(to bottom, #87CEEB, #C0C0C0, #87CEEB);
  background:-o-linear-gradient(to bottom, #87CEEB, #C0C0C0, #87CEEB);
  
  
  
  /*background:#8FBC8F;*/
  color:black;
  }
  #top_menu li{
  display:inline-block;
  list-style:none;
  padding:7px;
  font:bold 18px Euphemia;
  float:right;
  margin-right:50px;
  
  }
  
  
  
  #new_div{
  display:block;
  display:-moz-box;
  display:-o-box;
  display:-ms-box;
  box-orient:horizontal;
  -webkit-box-orient:horizontal;
  -moz-box-orient:horizontal;
  -ms-box-orient:horizontal;
  
  }
  
  #main_section{
  /*
  border: 1px solid blue;
  */
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-box-flex: 1;
  -o-box-flex: 1;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  
  
  /*
  float: left;
  
  width: calc(75% - 82px);
  */
  
  }
  #main_section li{
  margin-left:255px;
  font-family:Euphemia;
  background-image:url(img/backgrounds.jpg) no-repeat;
  font-weight:bold;
  
  }
  #main_section marquee{
  
  font-family:Segoe Print;
  font-size:40px;
  font-weight:bold;
  margin-bottom:40px;
  color:#B22222;
  
  }
  
  
  
  
  #img1{
  float:right;
  }
  
  
  #the_footer{
  /*
  text-align:center;
  */
  background:#F0F8FF;
  /*
  padding:20px;
  */
  border-top:2px solid green;
  }
  #the_footer li{
  list-style:none;
  display:inline-block;
  padding:40px;
  margin-left:35px;
  font-family:Euphemia;
  font-size:13px;
  
  }
  </code></pre>