title: CSS menu drops up instead of down
body: <p>I have a CSS drop down menu that drops up instead of down. What could be wrong? here is the code and the aspx tags related to the problem. this is inside the master page; also on the pages inside ContentPlaceHolder1 eveything inside  tags! </p>
  
  <pre><code>.wrapper {
   position:relative; height:25px;
  }
  
  .mainmenu {
  
   z-index:100;
   font-family:Verdana, Geneva, sans-serif;
   font-weight:normal;
   font-size:90%;
   line-height:25px;
   left:50%; 
   margin-left:-303px; 
   width:606px;
  } 
  
  ul.menu {
  
   padding:0; 
   margin:0; 
   list-style:none; 
   width:100px; 
   overflow:hidden; 
   float:left; 
   margin-right:1px;
  } 
  
  ul.menu a {
   text-decoration:none; 
   color:#fff; 
   padding-left:5px;
   position:absolute;
  }
  
  ul.menu li.list {    
  float:left;
  width:250px;
  margin:-32767px -125px 0px 0px;
  background:url(images/top1.png) no-repeat left bottom;
  }    
  ul.menu li.list a.category {
  position:absolute;
  z-index:50;
  display:block;
  float:left;
  width:120px;
  margin-top:32767px;
  background:transparent;
  }    
  ul.menu li.list a.category:hover,
  ul.menu li.list a.category:focus,
  ul.menu li.list a.category:active {
   margin-right:1px;
   background-image:url(images/tophover1.png);
   background-repeat:no-repeat;
   background-position:left top;
  
  }
  
  ul.submenu {
   float:left; 
   padding:25px 0px 0px 0px; 
   margin:0; 
   list-style:none; 
   background-image:url(images/tophover1.png);
   background-repeat:no-repeat;
   background-position:left top;
   margin:-25px 0px 0px 0px;
  }
  
  ul.submenu li a {    
  float:left;
  width:120px;    
  background:#369;
  clear:left;
  }    
  ul.submenu li a.endlist {
   background:url(images/bottom1.png);
  }     
  ul.submenu li a.endlist:hover,
  ul.submenu li a.endlist:focus,
  ul.submenu li a.endlist:active {
  background:url(images/bottomhover1.png);
  }
  
  ul.submenu a:hover,
  ul.submenu a:focus,
  ul.submenu a:active {
  background:#900;
  margin-right:1px;
  }
  // and here is the portion of aspx
  &lt;div id="slidemenu" &gt;
       &lt;ul id="nav"&gt;
          &lt;li&gt;&lt;a href="Default.aspx"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="History.aspx"&gt;History&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="....aspx"&gt;....&lt;/a&gt;&lt;/li&gt;
  
          &lt;li&gt;&lt;a href="Careers.aspx"&gt;Careers&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="Contact.aspx"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="..."&gt;&lt;span&gt; ... &lt;/span&gt; &lt;/a&gt;&lt;/li&gt;    
       &lt;li class="list"&gt;
   &lt;a class="category" href="....aspx"&gt; ... &lt;/a&gt;
   &lt;ul class="submenu" &gt;
    &lt;li&gt;&lt;a href="http://www.....com/"&gt;1st drop down menu&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="http://www....com/"&gt;2nd drop down menu&lt;/a&gt;&lt;/li&gt;
   &lt;/ul&gt;
  &lt;/li&gt;
  
  &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;!--    ------------ --&gt; 
  &lt;asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"&gt;
  &lt;/asp:ContentPlaceHolder&gt;
  </code></pre>