title: Place one div on top of the other div using CSS
body: <p>I have a sign in button as shown below and when I try to click that the menu opens in which I am having an ASP.Net login control which is shown below my slider and not above it.So I would like to position it on top of my slider.And between my slider and sign in button I have menu bar.</p>
  
  <p>So how do I do  that?</p>
  
  <p><img src="https://i.stack.imgur.com/1R1By.png" alt="enter image description here"></p>
  
  <p>I have followed this <a href="https://stackoverflow.com/questions/220273/css-positioning-div-above-another-div-when-not-in-that-order-in-the-html">question</a> on SO but did not succeed</p>
  
  <p>This is my CSS:</p>
  
  <pre><code>#container {
      width:780px;
      margin:0 auto;
      position: relative;
  }
  #topnavsignin {
      padding:10px 0px 12px;
      font-size:11px;
      line-height:23px;
      text-align:right;
      margin-top:-60px;
      margin-left:120px;
  }
  #topnavsignin a.signin { 
      background:#88bbd4;
      padding:4px 6px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      -webkit-border-radius:4px;
      -moz-border-radius:4px;
      border-radius:4px;
      *background:transparent url('../images/signin-nav-bg-ie.png') no-repeat 0 0;
      *padding:4px 12px 6px;
      margin-left:420px;
  
   }
  #signin_menu {
      -moz-border-radius-topleft:5px;
      -moz-border-radius-bottomleft:5px;
      -moz-border-radius-bottomright:5px;
      -webkit-border-top-left-radius:5px;
      -webkit-border-bottom-left-radius:5px;
      -webkit-border-bottom-right-radius:5px;
      display:none;
      background-color:#ddeef6;
      position:absolute;
      width:350px;
      z-index:100;
      border:1px transparent;
      text-align:left;
      top: 24.5px; 
      right: 171px; 
      margin-top:-55px;
      margin-right: 0px;
      *margin-right: -1px;
      color:#789;
      font-size:11px;
      padding: 5px;
  
  }
  </code></pre>
  
  <p>This is how I'm showing it:</p>
  
  <pre><code>&lt;div id="container"&gt;
     &lt;fieldset id="signin_menu"&gt;
      //Asp.Net Login Control
      &lt;/fieldset&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>//Here goes my Navigation menu</p>
  
  <p>This is my slider part</p>
  
  <pre><code>&lt;div id="slider_wrap"&gt;
              &lt;div id="wowslider-container1"&gt;
              &lt;/div&gt;
   &lt;/div&gt;
  </code></pre>