Microsoft.AlphaImageLoader headaches

1

So I ran into this problem, I want to make sure that my page will look good even on old IE6 sp1. For those who still use win2k. When I do not use filter: the page loads fine, but you don’t get the transparent effect of the .png in IE6. When I use the filter: Microsoft.AlphaImageLoader… the entire dive does not show. I have tried setting the height and width, along with changing the postion from relative to absolute etc. Since I have read that this might be causing an issue.

Here is the code.


#sidebar-left-top {
float:left;
margin:0px;
padding:0px;
width:215px; 
height: 26px;
background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/media/top_menu.png');
}
html>body #sidebar-left-top{
background: url('/media/top_menu.png') no-repeat;
}
#sidebar-left-middle {
float:left;
margin:0px;
padding:0px;
width:215px; 
height:100%;
/*background-repeat: repeat-y;*/
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/middle_menu.png');*/
background: url('/media/middle_menu.png') repeat-y;
}
/*  ONLY NEEDED IF FILTER IS USED ABOVE 1-8-04
html>body #sidebar-left-middle {
background: url('/media/middle_menu.png') repeat-y;
}
*/
#sidebar-left-bottom {
float:left;
margin:0px;
padding:0px;
width:215px; 
height: 30px;
background-repeat: no-repeat;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src='/media/bottom_menu.png');
}
html>body #sidebar-left-bottom {
background: url('/media/bottom_menu.png') no-repeat;
}

//PAGE CODE
<div id="sidebar-left">
<div id="sidebar-left-top"></div>
<div id="sidebar-left-middle"><?php print $sidebar_left ?></div>
<div id="sidebar-left-bottom"></div>
</div>

The side-bar-middle is the one not displaying properly. The other two display fine. ■■■■ me and my lack o skills! :m: