title: :hover isn't applying full background to li
body: <p>My navigation has dropdowns, and within them there are a tags wrapping the items. I want the hover background color to be applied when I hover over that entire li. Right now it's only applying to the li, and when I move off the text it's the other background color.</p>
  
  <p>Live here: <a href="http://stage.christinas-kitchen.com/" rel="nofollow">http://stage.christinas-kitchen.com/</a></p>
  
  <p>I'm working under "recipes", if you look under sprinkles that is how it should work (I have nothing wrapped in an a tag yet).</p>
  
  <p>Any insight is appreciated.</p>