两张上下叠加的PNG图怎么使得上一张图片透明

IE6上的效果
需要实现的效果
目前的代码如下
<html>
<head>
<style type="text/css">
.nav{ width:984px; height:44px; background:url(nav_bg.png) center repeat-x; padding:0px 18px;}
#myPNG{
background: url(C:\Users\wangkai\Desktop\llll\logo.png); 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale, src="C:\Users\wangkai\Desktop\llll\logo.png");
background:none;
}</style>
</head>
<body>
<div class="nav">
<img src="logo.png" id="myPNG" />
</div>
</body>
</html>
两张图片如下：
搞了好久了，，希望大侠们能帮帮忙