I am trying to follow the code from this simple css drop down menu here. I have made a few changes and modifed the code to what I am trying to accomplish.

I want a border around my horizontial navigation menu going across the header section of the page. I also have the spacing between the listed items going across as well that I want on the header section. The problem that I am having is that I want to remove the border around the items on the expanded menu when you hover over the History menu for this example. I was hoping maybe you can help. I have tried assigning a class ID with border none to the listed items as shown below but it did not give me what I want.

ul li.menuitems a { border:none; }
I was hoping someone might be able to help me.

You can view everything here: http://jsfiddle.net/ShPxY