getting the opacity to apply only to the background in firefox
i have a form, on a div with a partially transparent background so an image that's behind it will show through. unfortunatly, in firefox, it applys the opacity to the background and foreground of my div, meaning that my form is partially see-through, which makes it a bit unreadable. in ie, it applys the opacity to the background only, but i think the firefox method is the correct way its meant to work?
i've tried nesting the form in another div, and also setting the new divs opacity to 1, but that doesn't seem to work. is there any way of getting firefox to only apply opacity to the background?
i've attached an image so you see what i mean:
thanks in advance