title: How to handle sliding doors and inactive buttons
body: <p>I have a solution like this : <a href="http://jsfiddle.net/snowman/sns2J/" rel="nofollow">http://jsfiddle.net/snowman/sns2J/</a></p>
  
  <p>As you can see in the example I have to include the following : </p>
  
  <pre><code>.paging .inactive a:hover
  {
      background-position:    100% -26px;
      border-width:            0px;
      cursor:                 default;
  }
  .paging .inactive a:hover span
  {
      background-position:    0 -26px;
      color:                    #d9d9d9;
      cursor:                 default;
  }
  </code></pre>
  
  <p>To inactivet the hover effect.</p>
  
  <p>Is there a better way?</p>