Center Horiz Menu with evenly spaced Menu <li> items
I added a width to the overall <ul> and that solved the IE problem. Setting fixed widths for the individual <il> does not work cross browser if the goal is to create equal spacing between each menu item.
After searching online I found one possible solution -- instead of float:left; for <li> use display:inline-block; which I am testing out.