hoover color doesn;t cover whole menu item

Hi,
First time creating my own theme.
Created a child theme.
Using Twenty Eleven as the parent theme.
I changed the size of the navigation menu to 29 px.
Found documentation to use the hoover control when mouse placed over menu items.

Problem: when you hoover over the menu item, the hoover color only covers about 80%. I need to keep the navigation height at 29px for this project.

Also I am trying to make the menu items font bold and I do not ger any results.

I am including my CSS for the child theme.

The website link is: http://13009.duvosoftware.com/

/*
Theme Name: Twentyl Eleven Child
Description: Child Theme for the Twenty Eleven theme
Author: Paul Miller
Template: twentyeleven

(optional values you can add: Theme URI, Author URI, Version)
*/

@import url(“../twentyeleven/style.css”);

/*
#access {
background: -moz-linear-gradient(#252525, #0A0A0A) repeat scroll 0 0 transparent;
}
*/

#access {
background: none repeat scroll 0 0 #26639E;
}

#access li {
margin-bottom:7px;
}

#access ul {
font-size: 12px;
//font-size: 1.0em;
font-weight:bold;
}

#access a {
height: 29px;

}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background:#3884CF; /* changes bg color of drop-down menus that have the mouse over them */
color: #ffffff;/* changes text color when moused over */
}

#access div {
float:left;
margin-left: 29px;

}