title: Convert a CSS drop down menu in a drop up menu
body: <p>I would like to convert my drop down menu to a drop up menu. I have searched information on the internet, but it didn't help.</p>
  
  <p><strong>My css code:</strong></p>
  
  <pre><code>#nav
  {
  margin: 0px;
  padding: 0px;
  position: absolute;
  top: 18px;
  display: block;
  left: 313px;
  }
  
  #nav &gt; li
  {
  list-style-type:none;
  float:left;
  display:block;
  margin:0px 10px;
  position:relative;
  padding:10px;
  width:100px;
  }
  
  #nav &gt; li:hover ul
  {
  display:block;
  }
  
  #nav &gt; li:hover
  {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  }
  
  #nav li ul
  {
  margin:0px;
  padding:0px;
  display:none;
  }
  
  #nav li ul li
  {
  list-style-type:none;
  margin:10px 0 0 0;
  }
  
  #nav li ul li a
  {
  display:block;
  padding:5px 10px;
  color:#bdb49f;
  text-decoration:none;
  }
  
  #nav li ul li:hover a
  {
  color:#b15815;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  }
  
  #nav li span
  {
  cursor:pointer;
  margin:0px 10px;
  font-weight:bold;
  }
  </code></pre>