title: Class:hover doesn't work on Firefox
body: <p>I have a little problem with Firefox, this is the html</p>
  
  <pre><code>&lt;html&gt;
  &lt;button name="five" data-type="select" class="ui_button ui_button_normal"&gt;
  &lt;span&gt;Pasta&lt;/span&gt;
  &lt;div class="ui_button ui_button_normal ui_select_list"&gt;
      &lt;div class="ui_select_list_item" name="Pasta"&gt;Pasta&lt;/div&gt;
      &lt;div class="ui_select_list_item" name="Carne"&gt;Carne&lt;/div&gt;
      &lt;div class="ui_select_list_item" name="Verdura"&gt;Verdura&lt;/div&gt;
      &lt;div class="ui_select_list_item" name="Pesce"&gt;Pesce&lt;/div&gt;
      &lt;div class="ui_select_list_item" name="Dolce"&gt;Dolce&lt;/div&gt;
      &lt;div class="ui_select_list_item" name="Frutta"&gt;Frutta&lt;/div&gt;
      &lt;div class="ui_select_list_item" name="Caffè"&gt;Caffè&lt;/div&gt;
  &lt;/div&gt;
  &lt;/button&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>and this is the CSS</p>
  
  <pre><code>.ui_select_list 
  {
  margin: 0px !important;
  height: auto !important;
  padding: 10px;
  }
  .ui_select_list_item 
  {
  border: 1px solid transparent;
  }
  .ui_select_list_item:hover 
  {
  border: 1px solid transparent;
  background-color: rgba(0, 185, 0, 0.3);
  box-shadow: 0 0 2px 1px #000000;
  border-radius: 10px;
  }
  .ui_button 
  {
  background-color: rgba(140, 140, 140, 0.5);
  border: 0 solid transparent;
  border-radius: 10px 10px 10px 10px;
  color: #FFFF00;
  font-family: verdana, sans-serif;
  font-size: 15px;
  height: 32px;
  line-height: 30px;
  margin: 5px;
  position: relative;
  text-align: center;
  width: 160px;
  }
  .ui_button_normal 
  {
  box-shadow: 0 0 1px 4px rgba(0, 0, 0, 0.5);
  }
  .ui_button_normal:hover 
  {
  background-color: rgba(180, 180, 180, 0.5);
  box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.8);
  }
  </code></pre>
  
  <p>Can be found on <a href="http://jsfiddle.net/Mak73/3YkSe/" rel="nofollow">http://jsfiddle.net/Mak73/3YkSe/</a></p>
  
  <p>The problem is that, on Google Chrome  it works like expeted, when the mouse is over the div.ui_select_list_item the content of the div change with div.ui_select_list_item:hover.</p>
  
  <p>On Firefox the :hover don't work, any idea?</p>