Opacity in FF but not I.E

[hawaiibadboy]

I would really appreciate some help

This works, Opacity and position in Firefox but not IE. Can anyone advise a missing line? I see the moz line but not IE? I'm not sure what and where to add??

Please visit the site to see in both I.E/Fox

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
  	margin-left: 0px;
  	margin-right: 0px;
}


} a.tip {position:relative;}

a.tip span {display: none; position:relative; top:10px; left: 20px; padding: 5px 5px 5px 5px; z-index: 100; background-color: #000; color: #fff; border:0px solid #777; width:400px; height:460px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

a:hover.tip {font-size:99%;cursor:pointer;}


a:hover.tip span {display: block;position: relative;-moz-opacity: 0.8;
opacity:0.8;  .change_opacity {
  opacity: 0.5;
  opacity:.5;
    

}

Here is site

[thetestingsite]

I believe that IE uses filter instead of opacity, but not 100% on that. In any case, you could do a quick search through the forums or through google to see how to accomplish this.

Hope this helps.

[hawaiibadboy]

I figured it out with google and some patience Thanks !!