title: Adding multiple background images/colors to a navigation bar
body: <p>Just wondering if anyone can help me out here. What i'm looking to do (ugly as it is) is add two background colors to a nav bar on a site. Basically all of the list items will have a red background except one which needs to have a  blue background. I tried to solve this using 1 long background image but this didn't work cross browser as the positioning of text changed between Chrome and Firefox.</p>
  <p>What im wondering is if there is a way that I can give all the elements a red background but maybe use a span or something to select the single element in the navigation that I want to have a blue background?</p>
  <p>This is what im looking to achieve (like I said incredibly ugly I know)</p>
  <p><img src="https://i.stack.imgur.com/k303n.jpg" alt="dual colored navigation" /></p>
  <p>Any ideas or help anyone can give me would really be great</p>
  <p>Thanks!</p>