After much cat-herding, I have got my menu so that when you hover over a top-level item, the item changes colors and the sub-menu slides down.
I want to add a left- and right- border to the top-level item as well, but when I try, my left border is in the middle of my item. I guess some space to the left of my item is getting the background color changed? I can't figure out how to handle this. Here is the bit of the .css that changes the color:
to get borders, I am adding:
border-right:1px solid #336699;
border-left:1px solid #336699;
what else do I need to do?