.ui-widget-overlay CSS selector causes consistent large memory leak in IE

The jQUI CSS selector .ui-widget-overlay when used to display the blocking overlay when a widget (in my case the dialog) uses about 11mb of ram every time I open a dialog between page refreshes.

An example of the rule from the trontastic theme (in the file jquery-ui-1.7.2.custom.css) looks like this:

Copy code

1. .ui-widget-overlay { background: #5c5c5c url(images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }

I have to comment this out and rewrite it as follows with no filter:Aplha(Opacity) and using a 1px x 1px transparent PNG to perform my blocking stops the memory leaks in IE, but I lose the opacity:

Copy code

1. .ui-widget-overlay { background: url(/appui/images/overlay.png) 50% 50% repeat-x; }

This is happening in ASP.NET apps that I am writing, if that makes any difference. I assume it would also occur if I used any other selectors that use the opacity filter as well but have not tested this yet.

Please help: I would really like to use the opacity and have a nice overlay but I do have to support IE as well as all other A grade browsers.

See Forum: http://forum.jquery.com/topic/ui-widget-overlay-css-selector-causes-consistent-large-memory-leak-in-ie