jQuery / CSS问题 - 无法转换JavaScript参数arg 0 [nsIDOMWindow.getComputedStyle]

Question

我的相关css如下：

div.tab-container div.tab{
  min-width: 150px;
  width: auto;
  height: 25px;
  background-color:#3DCCF0;
  display:block;
  float:left;
  padding: 15px 10px 10px 20px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 12px;
  color: #fff;
  font-weight:bold;
}
div.tab-content div[class^="tab-"]{
  display: none;
  width: auto;
  height: 100%;
  float: left;
  background-color: inherit;
  margin-top: 30px;
  background-color: #FFF;
}

div.tab-content div[class^="tab-"].active{
  display:block;
}

和我的jQuery：

$(document).ready(function(){
  $('div.tab').click(function(){
    var tab_id      = $(this).attr('id');
    var clickedTab  = $(this);

    $('.tab').removeClass('active');
    $('.' + tab_id).removeClass('active');

    $(this).addClass('active');
    $('.' + tab_id).addClass( 'active' );

  });
});

这是一个非常简单的系统，我真的很惊讶它不起作用。

  

我在firebug中收到一条错误消息：无法转换JavaScript   参数arg 0 [nsIDOMWindow.getComputedStyle]

但是，如果我更改我的CSS以使用＆gt; （直接子）符号，它不会抛出错误（可能因为它不再匹配）。

有谁能告诉我我做错了什么？

谢谢！

编辑：

这是一个显然有效的方法：http://jsfiddle.net/jRtsd/