Image background for menu bar AND different background for current page menu button

kippiper · #1 Jun 1, 2011, 12:48 PM

Hi guys!

I am having a tough time wrapping my brain around Juggledad's code for a menu background.

I want the first image (menu-bg.jpg) to be the background image for the menu bar and for the pages not open.

Then I want the second image (menu-bg-off.jpg) to be the background image for the menu button of the page currently on.

Make sense?

Here's my code. What am I missing?

Thanks in advance for your help!

KIP

HTML Code:

/* ================================================ */
/* Page menu background                             */
/* ================================================ */
div#menu1 { 
	height: 40px;  
	margin-top:0px; 
	background:url(http://wp-content/themes/atahualpa/images/menu/menu-bg.jpg); 
}
/* ================================================ */
/* Page Menu item's background and border           */
/* ================================================ */
div#menu1 ul.rMenu {
	background:url(http://wp-content/themes/atahualpa/images/menu/menu-bg.jpg);
	border: none 0px; 
}
/* ================================================ */
/* Page Menu item                                   */
/* ================================================ */
ul.rMenu li a:link, 
ul.rMenu li a:visited, 
ul.rMenu li a:hover, 
ul.rMenu li a:active, 
ul.rMenu li {
	background:url(http://wp-content/themes/atahualpa/images/menu/menu-bg-off.jpg) !important;
}