IE error when animating class (addClass/removeClass with speed)

IE error when animating class (addClass/removeClass with speed)

<html><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi folks,<div>
</div><div>I just ran across a strange error when using addClass('foo', 1200) in IE: when the class includes a declaration for the color property (e.g. color: #009900;), it throws an error.</div><div>
</div><div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 8.5px/normal 'Courier New'; "><span style="color: #009999">Line</span>: 4167</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 8.5px/normal 'Courier New'; color: rgb(0, 153, 153); ">Character<span style="color: #000000">: 5</span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 8.5px/normal 'Courier New'; color: rgb(0, 153, 153); ">Code<span style="color: #000000">: 0</span></div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 8.5px/normal 'Courier New'; "><span style="color: #009999">Error Message</span>: Invalid property value.</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font: normal normal normal 8.5px/normal 'Courier New'; ">
</div></div><div>Here is a test case:</div><div>
</div><div><a href="http://test.learningjquery.com/ui-addclass/">http://test.learningjquery.com/ui-addclass/</a></div><div><div apple-content-edited="true"> <div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><span class="Apple-style-span" style="font-size: 12px; "><div>
</div><div>It's hard to tell where that error is, given IE's spotty debug dialogs, but it might have something to do with step in jQuery 1.3.x:</div><div>
</div><div><div><span class="Apple-tab-span" style="white-space:pre"> </span>step: {</div><div>
</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>opacity: function(fx){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>jQuery.attr(fx.elem.style, "opacity", fx.now);</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>},</div><div>
</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>_default: function(fx){</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>if ( fx.elem.style && fx.elem.style[ fx.prop ] != null )</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>fx.elem.style[ fx.prop ] = fx.now + fx.unit;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>else</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>fx.elem[ fx.prop ] = fx.now;</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>}</div><div>
</div></div><div>
</div><div>Actually, I just tested it in Safari 4beta Mac, and it didn't work at all. No error, no add class.</div><div>
</div><div>Any ideas?</div><div><br class="Apple-interchange-newline">--Karl</div><div><br class="Apple-interchange-newline">____________</div><div>Karl Swedberg</div><div><a href="http://www.englishrules.com">www.englishrules.com</a></div><div><a href="http://www.learningjquery.com">www.learningjquery.com</a></div><div>
</div></span><br class="Apple-interchange-newline"><br class="Apple-interchange-newline"></div> </div>
</div>