title: Div Tag Does Not Change Position According to Position Specified
body: <p>I'm a student in the process of learning HTML and have been having difficulty positioning a div tag. When I try to change the position (I need it to be "position:fixed;") it doesn't move. What I've gathered from other threads is that the div tag is positioning itself relative to the body, however if it has the position set to fixed, shouldn't it be fixed?</p>
  
  <p>Note: This is all messy because I am still trying to learn the language. I included the entire HTML file just in case something else is causing the error. There is no CSS file involved yet in the document.</p>
  
  <p>Below is the part I am trying to get to work. Thanks in advance.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>a{position:fixed;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div style="background:#A7DbD8;positon:absolute;left:50px;height:25px;width:500px;border:3px solid #19B3B0"&gt;
    &lt;a href="home.html" style="left:40px"&gt;Home&lt;/a&gt;
    &lt;a href="portfolio.html" style="left:90px;"&gt;Portfolio&lt;/a&gt;
    &lt;a href="links.html" style="left:140px;"&gt;Links&lt;/a&gt;
    &lt;a href="contact.html" style="left:190px;"&gt;Contact&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>body{font-fmaily:Times New Roman;}
  h1,p{text-align:center;}
  a{position:fixed;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Jem Jolly&lt;/title&gt;
    &lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
    &lt;link href="index.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;div&gt; 
      &lt;img src="Random Banner.png" alt="Random Banner"  style="position:fixed;left:130px;top:43px"/&gt; 
    &lt;/div&gt;
  
    &lt;div style="background:#A7DbD8;positon:absolute;left:50px;height:25px;width:500px;border:3px solid #19B3B0"&gt;
      &lt;a href="home.html" style="left:40px"&gt;Home&lt;/a&gt;
      &lt;a href="portfolio.html" style="left:90px;"&gt;Portfolio&lt;/a&gt;
      &lt;a href="links.html" style="left:140px;"&gt;Links&lt;/a&gt;
      &lt;a href="contact.html" style="left:190px;"&gt;Contact&lt;/a&gt;
    &lt;/div&gt;
  
    &lt;div&gt;
      &lt;div style="background:#A7DbD8;position:fixed;height:300px;width:600px;top:175px;left:20px;border:3px solid #19B3B0"&gt;
        &lt;h1 style="font-family:cooper black;"&gt;JEM JOLLY&lt;/h1&gt;
        &lt;p&gt;JEM JOLLY Founded in 2000, Jem Jolly started as a small, family-owned jewelry store. All of our products were hand-crafted by local artists, metalsmiths, and bead workers. Since our humble beginnings, we have grown into a nationwide company with distributors, retailers, and other wholesalers representing us and our products in 20 states, as well as Canada and the UK. Check out our retailer list &lt;insert link to retailer page once it is created&gt; for locations near you.&lt;/p&gt;
        &lt;p&gt;We also take custom orders. Feel free to send us specific instructions for custom orders through our contact form &lt;insert link to contact page once it is created&gt;, if you are interested in a unique item for that special someone!&lt;/p&gt;
        &lt;p&gt;Jem Jolly is pleased to be your supplier of finely crafted, high-quality jewelry that is timeless, eye-catching, and unlike anything you've seen before.
      &lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;div&gt;
      &lt;div style="background:A7DbD8;position:fixed;height:240px;width:320px;top:175px;left:640px;border:3px solid #19B3B0"&gt;
        &lt;video width="320" height="240" controls&gt;
          &lt;source src="intermediate_web_design_U4L3_vid 10-39-13.mp4" type="video/mp4"&gt;&lt;/source&gt;
        &lt;/video&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  
    &lt;div style=width:500px;height:100px; position: relative;"&gt;
  
      &lt;img src="rsz_3logo.png" alt="Random Logo" style="left:20px;top:43px"/&gt;
  
    &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>