title: HTML css partial fill background
body: <p>I have a <code>nav li</code> that on hover the background goes white. However I also want part of the background (a portion of the left of the element) to be grey on the hover. So about 25 percent of the element needs to be grey while the other 75 needs to be white all on a hover.</p>
  
  <p>I have so far:</p>
  
  <pre><code>nav li:hover{
  background-color: white;
  }
  </code></pre>