Using !important in jQuery's css() function
I have a dialog with an overlay declared like so: .ui-widget-overlay { position: absolute; left: 8px; top: 9px; height: 985px !important; width: 518px !important; } The page I have will have two different page heights. To account for this with the overlay I have done this in my JS file: If small one visible: $('.ui-widget-overlay').css("height", "985px !important"); else $('.ui-widget-overlay').css("height", "1167px !important"); Apparently this does not work. Is there another way to over ride !important that would? The page can switch back and forth so I need to always have one or the other.