title: How to make a fixed div?
body: <p>I am trying to make box to be fixed in the lower right border of the page and doesn't move with the page scrolls down. But it's not working for me dunno why. Here is my code:</p>
  
  <pre><code>&lt;html&gt;
   &lt;head&gt;
  
   &lt;style type="text/css"&gt;
  
  .tooltip {
   width: 200px;
   position: fixed;
   top:auto;
   bottom:0px;
   right:0px;
   left:auto;
  }
   &lt;/style&gt;
   &lt;/head&gt; 
  &lt;body&gt;
  &lt;div class="tooltip"&gt;
     &lt;div class="tooltip_top"&gt;1&lt;/div&gt;
     &lt;div class="tooltip_con"&gt;2&lt;/div&gt;
     &lt;div class="tooltip_bot"&gt;3&lt;/div&gt;
   &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>