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?
thanks all4nerds, it took a bit of working around to get it right in ie (had to give the opacity box and the text containing box the same height in order to get it to work - height:100% didn't seem to do anything).
i think there should be an additional property fo r the opacity settting, to determine whether you just want it to affect the foreground or background. something like