Hi Experts. I need to create red dividing / separating line between <li> items in my menu. If you view http://www.ideascapes.net/temp/final2.html
in Firefox, hover over any menu item and the drop-up list looks exactly as I want it to, without the red line. It definitely doesn't look right when viewed in IE. I can't seem to get heights/line-heights correct for the IE stylesheet, much less figure out what happens when I add a separating line (regardless of browser). Menu item "Practices" has an example of what I'm trying to achieve, just not totally correct. Line should be red, 1px, cover 50% of available area (roughly 44px) and appear above and below each <li>. Help would be greatly appreciated. Apologies in advance for the ugly CSS.