title: Put a div on bottom of the screen, not page
body: <p>I am trying to put a gray bar on the bottom of the screen of my webpage, regardless of the resolution. However, when I try, it seems to just go up or down when I go in a different resolution. Is there any way to fix this?</p>
  
  <p>Also, the bar is made out of CSS using the <code>div</code> id tag.</p>
  
  <pre><code>/* HTML*/
  &lt;div id="info"&gt;Scroll for info&lt;/div&gt;
  
  /* CSS */
  &lt;style&gt;
  #info { 
      height: 40px; 
      position: relative; 
      margin-top: 25%; 
      background-color: #393838; 
      opacity: 
  }
  &lt;/style&gt;
  </code></pre>
  
  <p><strong>EDIT:</strong> I want it to be on the bottom of the screen, but then when I scroll down it goes up towards the top of my screen.</p>