I was trying to display a pop up and also want the faded background. For faded background I implemented opacity property, but when I created a div inside the opacity div it inherits the parent div's opacity. I even try to overrite the inner div opacity but it could not display the desire property. I searched for the same in google but could not get any satisfactory answer. Thus I followed a tricky procedure to over come this problem. Fist of all I created a div with background-color:#000000; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; and I closed the div I created another div with position:absolute;top:150px; left:220px; width:700px; height:250px; border:4px solid #9C0000; background-color:#ffffff; z-index:999; and closed the div. This worked out. Actually when I was creating a div inside the opacity div it was inheriting the opacity property.And I solve his by not creating div inside opacity div, rather I created another div with position absolute, and giving greater z-index Regards Amy ;)