how to create a hover dropdown panel for logout and update profile function? <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>