Нужно сделать фон прозрачный, а картинку нет?

Такая ситуация, есть два блока один внутри другого.

<div class="blocks">
<div class="icon"><img src="путь к картинки"></div>
</div>

в чем суть, класс ="blocks" имеет полупрозрачность, и проблема что картинка класса="icon" тоже полупрозрачная.

.blocks{
background: #284d88;
margin: 0;
padding: 0;
width: 980px;
height: 110px;
opacity:0.7;
filter:alpha(opacity=70);
  -moz-opacity:0.7;

Как сделать, что бы картинка не была полупрозрачной ?