title: :hover does not seem to be working on custom buttons
body: <p>I have a couple custom buttons that are working and look fine, except the hover stopped working (should change color on hover.  It worked when I first coded but at some point it stopped.  I am not sure when it stopped, or why. It is not working in either chrome, firefox or IE8.  Obviously I have messed something up but I have yet to find it.  I will keep looking and researching, but if you have any ideas, much appreciated.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;input class="left-menu-button" type="button" value="Search" /&gt;
  &lt;input class="left-menu-button" type="button" value="View Detail" /&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.left-menu-button
  {
      width: 200px;
      height: 60px;
      color: #fff;
      background-color: #631127;
      border: none;
      margin: 20px 40px 0 0;
      font-size: 1.2em;
      float: right;
  }
  
  .left-menu-button:hover
   {
         background-color: #A3143A !important;
   }
  </code></pre>