how to use opacity on a transparent PNG24 in IE

[pateman90]

hello,

i have an image i create with some shadow and when i hover over it i want to set the opacity to 0.8 but..

when i do this the shadow fills in black as i am using the

 filter:Alpha(opacity=50);

i searched like hell and found that you can fix the PNG24 issue in IE by using

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/login_loginpress.png', sizingMethod='crop');
background-image:url(/Images/login_loginpress.png) 0 0 no-repeat;

so i have put it in and it hasn't worked.
with this i have also tried
-the src with no speech marks.
-just the image name not the whole path.
-in the html as a <img> and a <div>
-with and with out the '0 0 no-repeat;'

but it still doesn't work.

can anyone show me how it should look in the html side and the css side.
i want to try not to use php or java/jquery but if it is needed then i will.

[AndrewGSW]

Try:

filter: alpha(opacity=50);

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/login_loginpress.png', sizingMethod='crop')";

but you might need to show more of your css-code.

[pateman90]

ok here is the css and html for the code.

html

<img src="Images/login_loginpress.png" alt="" class="loginpress"/>

i have also tried this html in a div and gave the css a background image of the image.

<div class="loginpress"></div>

css

.loginpress
{
float: left;
width: 85px;
height: 35px;
margin-top: 7px;
margin-left: 45px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Images/login_loginpress.png', sizingMethod='crop');
background-image:url(/Images/login_loginpress.png) 0 0 no-repeat;/*when i used a div i used this*/
}

.loginpress:hover
{
    filter:Alpha(opacity=50);
}

hope this helps please