title: How to change drop-down menu to drop-up menu
body: <p>I have this menu bar: <a href="http://jsfiddle.net/PtQAP/" rel="nofollow">http://jsfiddle.net/PtQAP/</a>
  and I need to put it to the bottom and the drop-down menu change to drop-up menu. 
  How would I do that?</p>
  
  <p>css:</p>
  
  <pre><code>ul, li, a {
      margin: 0;
      padding: 0;
  }
  li {
      list-style: none;
  }
  a {
      text-decoration: none;
      color: #000000;
  }
  
  ul &gt; li {
      float: left;
  }
  ul &gt; li a {
      color: #fff;
      font-weight: bold;
      line-height: 40px;
      height:40px;
      display:block;
      padding:0px 10px;
  }
  ul li a:hover {
      background: #666666;
  }
  ul li ul {
      display: none;
      position: absolute;
      background: #333333;
  }
  ul li ul li {
      float: none;
      line-height: 40px;
      height: 40px;
  }
  </code></pre>
  
  <p>Thanks for the answers.</p>