I've managed to get a background image on the menu bar that shows and is in the right place, with the menu bar text over the top, see....



This was using the following code

div#menu1 {
border: none;
background: url(http://i1002.photobucket.com/albums/af149/STNetworks/BarTest2_Layer0.jpg);
}

div#menu1 ul.rMenu {
background:transparent;
}
div#menu1 ul.rMenu li {
background:transparent;
margin: 0px 0 0px 0px;
}

div#menu1 li.current_page_item a:link,
div#menu1 li.current_page_item a:active,
div#menu1 li.current_page_item a:visited {
background: transparent !important;
}

However, when I hover over the link I still get this action...



Is there any way to turn this off? I've tried what seems like countless codes from these forums but nothings worked at all.

Thanks.

*Bump* Sigh, this surely just needs a CSS insert, anyone know what it is?!?

What version of Atahualpa and WP?
What is the url?

http://yoursologirl.com

WordPress 2.9.1
Atahualpa 3.4.5

Excuse the barren site and awful color scheme, just testing things at the moment.

Thanks.

try this

div#menu1 ul.rMenu li:hover,
div#menu1 ul.rMenu li.sfhover,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a.sfhover {
background-color: transparent !important;
}

Thankyou man, thats the perfect fix I've been agonizing over!