Willing to give $5 PayPal to whoever can fix this problem for me!!! Thank you!

Hey everyone,

I have a navigation bar on my website: https://sitedemonstration.hostei.com/

On the navigation bar as you can see, I just need to have more spacing between the lines for the ‘about’ and ‘contact’ pages. Basically, the spacing should look like this: https://i44.tinypic.com/2w4jud1.png

Also, when I click on ‘about’ and ‘contact’ it should have the WHITE TAB on it like when you click on ‘home’ but they don’t. I need to know how to make ‘about’ and ‘contact’ have the white tab over them when I click on them.

NOTE: WHEN I CLICK ON ‘ABOUT’ OR ‘CONTACT’ NOTICE HOW THE ‘HOME’ TAB LENGTHENS, GOES LONGER, IT IS NOT SUPPOSED TO DO THAT. It should stay the SAME length.

If you manage to get it right, send me your PayPal ID and I will deposit $5 in your account as a small reward, since I have been stuck on this for over a week! Thank you SO much!!! ??

Here is my code:

/* navigation bar */

#navigation {
        width: 819px;
        height: 34px;
        float: left;
        position: relative;
        top: 0px;
        left: 0px;
        }

#navigation_left {
        width: 11px;
        height: 34px;
        float: left;
        padding: 6px 0 0 11px;
        text-align: right;
        }
#navigation_center {
        width: 654px;
        height: 34px;
        float: left;
        background-position: bottom left;
        background-image: url(https://thanksgoogle.com/wordpress/images/nav-rept.jpg);
        background-repeat: repeat-x;
        padding: 0;
        }

#navigation_center ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        }

#navigation_center ul li {
        float: left;
        line-height: 34px;
        }

#navigation_center ul li a {
        display: block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFFFFF;
        text-decoration: none;
        font-weight: bold;
        padding: 0px 10px 3px;
        background-image: url(https://thanksgoogle.com/wordpress/images/navline.jpg);
        background-position: right center;
        background-repeat: no-repeat;
        line-height: 39px;
        }

#navigation_center ul li a span {
        color: #FFFFFF;
        display: block;
        padding: 0px 18px 0 8px;
        }

#navigation_center ul li a:hover {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        display: block;
        padding: 0 10px 3px;
        }

#navigation_center ul li a:hover span {
        color: #ffffff;
        display: block;
        padding: 0px 18px 0 8px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        text-decoration: none;
        font-weight: bold;
        }

#navigation_center ul li a.active, #navigation_center ul li a.current_page_item {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
        background-image: url(https://thanksgoogle.com/wordpress/images/leftnav.png);
        background-repeat: no-repeat;
        background-position: left top;
        display: block;
        padding: 0px 0px 0 10px;
        }

#navigation_center ul li a.active span {
        color: #000000;
        background-image: url(https://thanksgoogle.com/wordpress/images/rightnav.png);
        background-repeat: no-repeat;
        background-position: right top;
        display: block;
        padding: 0px 18px 0 8px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #000000;
        text-decoration: none;
        font-weight: bold;
        }

#navigation_right {
        width: 141px;
        height: 28px;
        float: left;
        padding: 6px 0 0 0;
        }