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 (http://cnhawaiihomestayadventures.blogspot.com/)

[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 !!