Javascript-форум - Прозрачность не работает при наложении div

Помогите пожалуйста определить в чем проблема.

Вот мой код

Код:

<div id="market_right">        

          <div class="picture"><img src="images/market_picture.png" alt="" /></div>

          <div id="genius_ban"><a href=""><img src="images/genius.png" alt="Бесплатные курсы" /></a></div>

  </div>

стили:

Код:

    #market_right {float:left; overflow:hidden; position:relative;height:125px; width:800px;}

    #market_right .picture {position:absolute; left:0px; z-index:2;}

    #genius_ban {position:absolute; right:0px; z-index:3;}

И вот как это выглядит:
http://tri4.ax3.net/akado_ural/nalozh.html
Т.е. картинка или слой не просвечивают.
(картинка вроде как должна просвечивать,
т.к. при сохранении ставил transparent background)

Проблема в верстке или все-таки рисунок непрозрачный получился?
Если в верстке то, как это исправить?