Menu background-color transparant doesn't work. I tried:

div#menu1 ul.rMenu li {
background-color: transparent;
}

div#menu1 ul.rMenu li.current_page_item a:link,
div#menu1 ul.rMenu li.current_page_item a:active,
div#menu1 ul.rMenu li.current_page_item a:hover,
div#menu1 ul.rMenu li.current_page_item a:visited,
div#menu1 ul.rMenu li a:hover {
background-color: transparent;
}

But it doesn't work at all. I also names rMenu different but nothing!
My website is http://goo.gl/nR9Vob

where did you get div#menu1 from?

from the source see below

Sorry, I didn't notice the tope menu only the category menu (menu2). You need to set

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

You should also learn to use the FireBug extension in FireFox - it lets you see all teh CSS applied to an element and you can change it on the fly to see teh results.

and hover?
div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:active,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:hover {
background-color: transparent;
}

did you try?

ow yes sorry it works