title: Background image outside of box on horizontal li items
body: <p>I understand that background images cannot go outside the box of an element. However, this is my case:</p>
  
  <p>I have a horizontal list where each list item should have a hover effect where a little arraw sits atop the item. Just positioning the background won't work as the list items are just as high as the text. Anything positioned outside the box gets cut off.</p>
  
  <p>I read about a solution with an additional element within each list item that just holds the image.</p>
  
  <p>Is there a way to simply change the height of the list item e.g. making the box higher so that the background image would stay within the box?</p>