CSS help with a border

This seems like it should be a simple fix, but I'm stumped. Please visit www.prowodev.com/links/q.html. You'll notice each of the menu items have a border-right css setting. This is what I want, however I don't want the last menu item (Contact) to have a right border. I've tried adding the css code below, but this isn't working. How can I remove the right border from the last menu item?
.menu-449 {border-right:none;}

Open in new window

isaacr25Asked:
Who is Participating?
 
GaryConnect With a Mentor Commented:
Add the following CSS after .main-menu li {...}

.main-menu li:last-child {
border-right:0
}

Open in new window

0
 
isaacr25Author Commented:
Thank you!
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.