title: how to create a hover dropdown panel for logout and update profile function?
body: <p>I want to create a yahoo like logout function where in whenever I hover over the username it should display a panel containing logout and update profile function. Currently I am using this code but its not working as expected.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li class="dropdown"&gt;
      &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;&lt;h1 id="hello"&gt;&lt;em&gt;&lt;?php echo $login_user;?&gt;&lt;/em&gt;&lt;/h1&gt;
        &lt;b class="caret"&gt;&lt;/b&gt;&lt;/a&gt;
      &lt;ul class="dropdown-menu"&gt;
        &lt;li&gt;&lt;i class="icon-arrow-up"&gt;&lt;/i&gt;&lt;a href="#"&gt;Logout&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;i class="icon-arrow-down"&gt;&lt;/i&gt;&lt;a href="#"&gt;Update Profile&lt;/a&gt;
        &lt;/li&gt;
      &lt;/ul&gt;
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.dropdown-menu a {
    white-space: normal;
    left: 1000px;
    padding-bottom: 100px;
  }
  
  .dropdown-menu &gt; li {
    position: relative;
  }
  
  .dropdown-menu &gt; li &gt; i {
    position: absolute;
    left: 0;
    top: 3px;
  }
  </code></pre>