title: 3-col navigation menu with images
body: <p>I am working on the css for a website and am trying to determine the best approach for the navigation menu.  The layout of the menu is as follows:</p>
  
  <p><img src="https://i.stack.imgur.com/nswpR.png" alt="enter image description here"></p>
  
  <p>between col 1 and 2, and also between col 2 and 3 are double vertical lines, which because of their style will probably need to be an image.</p>
  
  <p>SO, my question is this:</p>
  
  <p>Semantically, all of these links are part of one unordered navigation list.  But, I can't find any way to create such a list using css only that will work in IE.  The images between list items only muddles it up more.  Is there a clean way to do this?</p>
  
  <p>My second approach was to create 3  columns, and place a list in col 1 and col 3.  But this still seems messy with the image dividers.  I thought about using li:after to place the images, but IE7 doesn't recognize the "content" property.</p>
  
  <p>Right now, it seems like the cleanest way to build this is without lists.  But then I feel like I'm losing proper semantics.  Is there a better approach that I'm not thinking of?  The layout is very tabular, so I could certainly make it a table . . .  : )</p>
  
  <p>Thanks!</p>