title: Slight gap between list items in an unordered list
body: <p>I am using an unordered list where the actual list items have a rounded rectangular background image.</p>
  
  <p>My problem is, there seems to be a slight gap between the list items in Firefox but in Google Chrome, there is no gap.</p>
  
  <p>If I change the CSS line-height value, it corrects in Firefox but then breaks Google Chrome.</p>
  
  <p>What do I need to do? I think I am doing something wrong to ensure that between each list item, there is no gap in both Firefox and Google Chrome.</p>