I have a new problem:
My menu items are set to the same size as the menu bar they're in but it seems like there is a 1px offset down and right for some reason. I cannot get it to be exactly aligned with the menu bar.
Any advice would be appreciated..
This is what I have in my css inserts with regard to the page menu:
HTML Code:
/*=========================*/ /* Page Menu Styling */ /*=========================*/ .rMenu { background-color: transparent !important;} div#menu1 { height: 30px; margin-top:0px; background: url('/wp-content/themes/atahualpa/images/pagemenu-background.png') !important } ul.rMenu li a:link, ul.rMenu li a:visited, ul.rMenu li a:hover, /*ul.rMenu li a:active,*/ ul.rMenu li { height: 30px; background: url("/wp-content/themes/atahualpa/images/pageitem-background-repeat.png") repeat-x; background-color: transparent !important; }