[SOLVED] Removing Left Border / Padding from submenu
 

Hi,

Sorry if this was covered in another thread (I did search and didn't find exactly). Looking at this page: http://www.friedpotatopress.com/

In the sub menus, when not hovered, there is a 10px white border to the left of these items. When I hover, the intended blue background color covers this white area. I'd like that white strip to the left of the un-hovered sub-menu items to be black like the rest of the item's background. Here are the CSS inserts I have for this site, any quick adjustment to help fix this would be highly appreciated!

div#menu1 {
border: solid 0px;
background: none;
}

div#menu1 ul.rMenu {
background: none;
border: none;
}

ul.rMenu-hor li {
margin-left: 10px;
}

ul.rMenu a:link,
ul.rMenu a:active,
ul.rMenu a:visited,
ul.rMenu a:hover {
padding: 4px 20px; /* 4px top/bottom, 20px left/right padding */
padding-left: 20px!important;
padding-right: 20px!important;}


/* add formatting to submenu items */
div#menu1 ul.rMenu li ul.rMenu-ver li a:link {
margin-top: 2px;
font-size: 23px;
padding-top: 12px;
padding-bottom: 12px;
font-weight: normal;
margin-left: -10px!important;
padding-left: -10px!important;
}

What you want to do is change the color of the unordered list. Try adding

Perfect. Thanks!