[RESOLVED] Dropdown Menu Problem

Hello,

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.

Code:

---

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

Just dig down further in the DOM tree.

Code:

---

#header ul li ul li a {
    border: 0px;
}

---

Thanks PeejAvery!

That fixed it but I do have another issue. I would like the items more to the left on the menu. Any ideas?

You can view updated work here: http://jsfiddle.net/ShPxY/2/

Adjust margins and paddings.