having trouble with css

[jack13580]

I have a webpage im working on as an experiment to figure out how the other websites do it so perfectly and it can be viewed here http://the-test.comoj.com/files/test.html it is a picture that covers the entire screen that is as a background and moves with the screen so even if you scrolled down to the bottom its still in the same spot the problem I am having is that i only want the gray container of the content to have opacity but its applying it to all the content inside the container even though I have opacity set to something else for the later content and even I even tried using position absolute and yet it still set the opacity to it

[Ingolme]

Opacity sets the opacity of the entire element, that includes borders, text nodes and other content within it. If you want just the background to be transparent rather than the content inbside it, use a transparent PNG or the CSS3 rgba() color format.