Не понятки "png на прозрачном фоне"

[CrazyBird]

Помогите пожалуйста. Мне нужно в полупрозрачном div, выводить png иконки но что б они не были тоже позрачными.

Вот html:

<div class='footer_app_menu'>

<div class='footer_bar_item'><img src='pic/32/circle_32.png'></div>

</div>

где css стили:

.footer_app_menu{
  z-index:1000;
  margin:0 auto;width:700px;border:1px solid #838B8B;background-color:white;border-radius: 45px 45px 0px 0px;margin-top:-37px;height:33px;padding-left:45px;padding-top:2px;  
  /*градиент*/
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
  /*Прозрачность*/
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  opacity: 0.50;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter:alpha(opacity=50);
}

.footer_bar_item{
   z-index:3000;
  /*Прозрачность*/
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter:alpha(opacity=100);
}

Проблема в том что footer_app_menu накладывается поверх картинки и она тоже становиться прозрачной.

Edited April 23, 2012 by CrazyBird

[br3t]

Тут посмотрите