.css({height: "300px !important"})

[rortelli]

The !important declaration works only on FF 2.x IE6 & IE7 broke Safari 2.x doesn't brokes but it'll not apply the css rule

Same problem using .css("height", "300px !important");

[davidserduke]

Only Safari 3 Win of the browsers I tested lets you do that. The other browsers either ignore the !important keyword or throw an error (IE). Even if you do

document.getElementById("tester").style.height = "300px !important";

it fails in all browsers except Safari so this isn't a jQuery bug. There is, however, a work around. You can set it directly on the cssText.

$("#tester").css("cssText", "height: 300px !important;");

And this seems to work. Of course you have to be careful setting cssText since it sets/clears everything in the css for that element.

Hope that helps.