title: Unable to change li Background Color on Hover
body: <p>Can you please take a look at <a href="http://jsfiddle.net/Behseini/NRZeD/" rel="noreferrer">this link</a> and let me know why I am not able to change the background color of the li on hover?</p>
  
  <pre><code>&lt;ul class="inline"&gt;
    &lt;li&gt;1&lt;/li&gt;
    &lt;li&gt;2&lt;/li&gt;
    &lt;li&gt;3&lt;/li&gt;
    &lt;li&gt;3&lt;/li&gt;
    &lt;li&gt;3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>Css:</p>
  
  <pre><code>.inline li{
      width:18% !important;
      background:#FFF  !important;
  }
  .inline li: hover{
      background:#A5A5A5  !important;
  }
  </code></pre>