title: footer with position:fixed not respnding to margin-right
body: <p>So my problem is that I have a footer with a <code>position:fixed</code> and I have a div encapsulating everything called frontier. Through frontier, I set the margin-right and left to <code>200px</code> which works expect for the footer on the right side.</p>
  
  <p>Css for frontier and footer styles:</p>
  
  <pre><code>#frontier
  {
   margin-right:200px;
   margin-left:200px;
  }
  
  
  .footer
  {
  background-color: #000000;
  position:fixed;
  bottom:0;
  width:100%;
  height:100px;   /* Height of the footer */
  opacity: 0.7;
  text-align: center;
  
  -webkit-box-shadow: -6px -8px 6px -6px #999;
  -moz-box-shadow: -6px -8px 6px -6px #999;
  box-shadow: -6px -8px 6px -6px #999;
  }
  </code></pre>
  
  <p>I've tried a few things suggested but i still can't get the footer to respond. And i feel like this is going to be an issue for anything that I add with a fixed position. any solutions? thankyou</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;nav class='footer' onload='startTime()'&gt;
     &lt;h1 id='hours'&gt;&lt;/h&gt;
     &lt;h1&gt; :&lt;/h1&gt;
     &lt;h1 id='minutes'&gt;&lt;/h1&gt;
     &lt;h1&gt; :&lt;/h1&gt;
     &lt;h1 id='seconds'&gt;&lt;/h1&gt;
  &lt;/nav&gt;
  </code></pre>