Полупрозрачный DIV

[X@OC]

Доброго времени суток

может уже кто сталкивался с такой проблемой
в первый раз стал работать с прозрачностью у div
и вот такая проблема делаю прозрачность div на 50%
и все div которые внутри стали тоже прозрачные
как сделать чтобы все что внутри не было прозрачным

CSS
#info{
  color:#FFFFFF;
   width:750px;
 float:left;
  background:#000;
opacity:0.5;
moz-opacity:0.5; 
filter:alpha(opacity=50);}
#head_page
{
position:relative;
left: 5%;
font-weight:bold;
font-size:30px;
}
#div_text
{
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
left: 2%;
right: 2%;
margin-bottom: 10%;
}

HTML
<div id="info">
<div id="head_page">
HEllo World <p>
</div>
<div id="div_text">
INFO (информация)<br>
<center><img src="img/image.jpg" width="400" /></center>
</div>
</div>

[X@OC]

все нашел
кому надо вот силка
Правильная прозрачность

[KPEATuBHO]

По-моему не самый простой вариант... Сам всегда делаю так, рисую png 1х1 заливаю черным и прозрачность делаю 50%. и бэкграундом с репитом...

[X@OC]

как вариант туже можно использовать

но я бы не сказал что это сложный вариант