title: CSS Drop Down List Hover mouse not work
body: <p>i have a code HTML CODE: <BR></p>
  
  <pre><code>&lt;div class="wrapper-demo"&gt;
  
   &lt;div id="dd" class="wrapper-dropdown-2" tabindex="1"&gt;Sign in with
                      &lt;ul class="dropdown"&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-twitter icon-large"&gt;&lt;/i&gt;Twitter&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-github icon-large"&gt;&lt;/i&gt;Github&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-facebook icon-large"&gt;&lt;/i&gt;Facebook&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>
  
  <p>AND CSS:</p>
  
  <pre><code>.wrapper-dropdown-2 {
  position: relative; 
  width: 200px;
  margin: 0 auto;
  padding: 10px 15px;
  
  background: #fff;
  border-left: 5px solid orange;
  cursor: pointer;
  text-align: left;
  cursor: pointer;
  outline: none;
  
  }
  
  .wrapper-dropdown-2:after {
      content: "";
      width: 0;
      height: 0;
      position: absolute;
      right: 16px;
      top: 50%;
      margin-top: -3px;
      border-width: 6px 6px 0 6px;
      border-style: solid;
      border-color: grey transparent;
  
  }
  .dropdown {
      display:none;
  }
  .wrapper-dropdown-2:hover ul.dropdown  {
      position: absolute;
      display:block;
      top: 100%;
      left: -5px;
      right: 0px;
      background: white;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
      list-style: none;
      opacity: 0;
      pointer-events: none;
  }
  .wrapper-dropdown-2 .dropdown li a {
      display: block;
      text-decoration: none;
      color: #333;
      border-left: 5px solid;
      padding: 10px;
      -webkit-transition: all 0.3s ease-out;
      -moz-transition: all 0.3s ease-out;
      -ms-transition: all 0.3s ease-out;
      -o-transition: all 0.3s ease-out;
      transition: all 0.3s ease-out;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/pvt3e/" rel="nofollow">http://jsfiddle.net/pvt3e/</a></p>
  
  <p>and i try, in hover mouse to: Sign in with open the drop down but its not work !
  i cant work with js. Because I have a problem with 1.8.2, but I think we can find a solution with CSS</p>