title: css hover for entire li element with padding
body: <p>I am trying to give the menu elements a hover, but they are also having a <code>padding: 10px;</code> and as the result of that the <code>:hover: background-color:</code> will start from the 10px padding. </p>
  
  <p>Any idea how to solve the problem? Here's a jsfiddle demo for that: <a href="http://jsfiddle.net/eufqg7d9/" rel="noreferrer">http://jsfiddle.net/eufqg7d9/</a></p>