[jQuery] Elements opacity doesnt work after fade in effect on IE

[[EMAIL PROTECTED]]

Hi,

Im using the following script to display a hidden div block once a
button is clicked.

$(document).ready(

    function()
    {

           $(".channellink").click(function()
           {
                var channelId = $(this).attr('id').replace('channellink','');

                //Hide div w/id extra
            $("#subs" + channelId).css("display","none");

                // If invisible.

                        //show the hidden div
                        $(".subsclass").hide();
                        $("#subs" + channelId).show("slow");

           });

    });

the div has the following css applied to it:

.subsclass
{
    display: none;
    width: 375px;
    height: 400px;
    float: right;
    margin-top: 50px;
    background-color: #ffffff;  /* the background          */
    filter:alpha(opacity=75);   /* Internet Explorer       */
    -moz-opacity:0.75;           /* Mozilla 1.6 and below   */
    opacity: 0.75;

This works perfectly in FF but once i bring it over to IE it doesnt
work so well. the div starts off with the correct opacity but
eventually ends up being 100% at the end of the transition.

Any ideas for a fix on this or what am i doing wrong?

Cheers,

Chris