How to get rid of the empty space in my navbar

Question

I may need to post this in digital grin but I've had a lot of success in getting things answered here so I thought I'd try here first. I recently decided that I wanted to center my banner and navbar I like the look better now that I have. Though during this process I have run into a problem that I can't seem to figure out. On the right of my navbar next to my contact link I see an empty space almost like a back drop to where a link should go but I don't have anymore links as of right now. I've tried a few things to try to fix it but I don't know enough about code in order to figure this out so I am hoping someone with a little more experience might be able to help out here. My site is www.k-ophotography.com, thanks in advance!

Answer 1

Try this for your #nav div in your CSS box, advanced customizing:

#nav {
        width:581px;
        margin:0 auto;
    font: bold 16px font-family:Courier New;
        border: 1px solid #121314;
        border-top: 1px solid #2b2e30;
        -webkit-border-radius: px;
        -moz-border-radius: 1px;
        border-radius: 1px;
        overflow: hidden;
}