Greetings,
I'm trying to get a transparent background menu bar to overlap my header image with absolute positioning

#menu1 {
    background-color: rgba(255, 255, 255, 0.5);
    height: 30px;
    position: absolute;
    top: 320px;  //yes, it's a big header image
    width: 100%;
}

But so far found no way to completely hide the background for individual menu voices.
in ATO -> Menu1 there's no way to set the background to "none" or "transparent" because of that darn color picker defaulting to black. Even tried typing "none" or "transparent" in it, it always reverts to 000000.
So I'm trying to override the settings with several
background:none !important;
statements, but still having no luck. (heavily using firebug here)

Any hints?

Alternatively, I'm thinking about changing the backgrounds directly in the DB entries, but not quite sure it will do the job.

Thanks for your attention.

Is there a quick way to achieve my result? was even thinking there might be the way to disable the color picker and turn the color fields into standard text inputs so i can type what i need.

How about this?

#menu1 li {
    background: transparent !important;
}