jQuery的1.x版本的$(element).css()设置元素字体颜色时出现的问题（在IE8以下）

最近赶项目，自己写了个基于jQuery的弹出层插件，中间遇到一个问题，怎么也找不到解决方法，最后发现就是空格的问题。。。欲哭无泪啊。。。

在给函数传参时，因为写css代码时习惯在:后面加个空格在写样式，导致在js中也习惯这样写，传的一个参数中有一段字符串"color: #fff;",我通过字符串split截取把样式和值分开后，用jq的$(element).css(arr[0],arr[1])设置样式，在谷歌、火狐和IE9以上都没问题，可是在IE8中，居然不起作用，示例代码如下：

<div id="oDiv">这是一个呕心沥血的故事。。。</div>

var str = 'color: #fff;background: #00ff00;font-size: 20px;border: 5px solid gold;';
var str_arr = str.split(';');
var str_arr_child;
for(var i = 0;i < str_arr.length;i++){
  if(str_arr[i]){
        str_arr_child = str_arr[i].split(':');
         $('#oDiv').css(str_arr_child[0],str_arr_child[1]);
}
}

最终才发现，把color:后面的空格去掉才恢复正常，之后用原生测试,发现IE8下，用document.getElementById('oDiv').style.color = '  #fff'会报错，不起作用，在ie9以上正常，看来是原生JS自身的问题啊。。。为了照顾到在:后面加空格的习惯，就用了Jq的$.trim(str)去掉字符串的前后空格，问题解决

经测试，color、background-color和border-color等的参数前面带有空格的情况下都不起作用，这事js故意留的坑么。。。