Problem with 50% opacity div, need help!

I have problem with my div.content.

It should have 50% opacity white background so the main background-image could be visible with 50% opacity.

And here´s my css:

div.content { width : 585px; float : right; background : #FFFFFF; filter : alpha(opacity=50); -moz-opacity:.50; opacity:.50; }


And the problem is that everything in the div.content is also with 50% opacity, text, images and everything which are in content-div.

Hope you can help me guys!

Thanks a lot and merry X-mas!

 

i dunno if it works but try creating a div box in it with non transparenzy