CSS class for custom menu - alignment issue and active page issue

[mhuber]

I set up a custom menu in the secondary sidebar, and customized the css.

The menu aligns right instead of aligning center. I'd prefer to widen it towards the left, but I'm not able to control the width, so centering it is just a compromise.

The active page feature does not work on the menu buttons

The name of the class entered in WP for each menu item is sidebarmenu.

Here is the css ...

.sidebarmenu a {
display: block;
background-color: #990033;
border-top: 1px solid #dddddd;
text-decoration: none;
font-size:12px;
text-align:right;
font-family:vedana, arial, sans-serif;
font-weight:bold;
padding: 7px 20px 7px 6px;
color: #FFFFFF;
line-height:1;
background-image:url(http://www.thewealthydentist.com/ima...nu-arrow.gif);
background-position:right;
background-repeat:no-repeat;
}

.sidebarmenu a:hover, .sidebarmenu a:active, .sidebarmenu a:focus {
background-color: #996666;
}

The site is located here ...

http://vps2612.inmotionhosting.com/~...5/development/

[mhuber]

UPDATE:

Got the active page working by adding this to CSS ...

.sidebarmenu.current_page_item a {
background-color: #666666;
}


Still trying to figure out how to widen menu towrads the left side of the secondary sidebar.