Borders betwen menu items (revisited)

Hi all,

Thanks for past help and thanks in advance for help now.

Using the Twenty Eleven theme I have put separators between my menu items. I didn’t want just one border color but two contrasting left and right borders for a nicer look. You can see it at:
https://wp1.bookeeze.com

To do this I put the following in my child styles.css

#access a {
border-left: 1px solid #376026;
border-right: 1px solid #0C2404;
}

Of course the borders appeared in the drop down which I didn’t want so I put this:

/* REMOVE BORDERS FROM DROP DOWN MENU */
#access ul ul a {
border-right: none;
border-left: medium none;
}

The problem is, as you can see, the far left and far right are incomplete. Is there a way I can complete the effect?

Thanks!!!