title: borders in HTML
body: <p>I am new to HTML And CSS. In my CSS file, I have the following:</p>
  
  <pre><code>html {
   border-top: 4px solid #000000;
   border-bottom: 4px solid #000000;
   border-left: 4px solid #000000;
   border-right: 4px solid #000000;
   margin:0;
   padding:0;
  }
  
  body {
   background: #ffffff;
   color: #000000;
   line-height: 50px;
   font-size: 20px;
   font-family: serif;
   margin: 0 auto;
   padding: 15px 0;
  }
  
  .bot-img {
      position: relative;
      bottom: 0px;
  }
  </code></pre>
  
  <p>When I open the page in Chrome, it looks ok - like so:</p>
  
  <p><img src="https://i.stack.imgur.com/zBaZA.png" alt="chrome"></p>
  
  <p>When I open the page in Firefox, it looks, like so:</p>
  
  <p><img src="https://i.stack.imgur.com/iO2Sn.png" alt="enter image description here"></p>
  
  <p>How would I make both match?</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>Here's what the HTML looks like:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          {% load staticfiles %}      
          &lt;link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}" /&gt;
          &lt;title&gt;TheTitle&lt;/title&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          {% load flatpages %}
              {% get_flatpages as flatpages %}
              {% for flatpage in flatpages %}
          &lt;img class="bot-img"  src="{% static 'img/bottomband.jpg' %}"/&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm developing this with Django 1.5(and MySQL) as the backend.</p>