动态插入元素的CSS

目前我正在一个网站上工作，我想在那里展示一些特定div元素的工具提示。我选择的武器是jQuery Tools。

所以当我使用$(".toolTipMe").tooltip();时，它的效果非常好。我一悬停元素，一个新的DIV就会出现在DOM中：

<div class="tooltip" style="display: none; position: absolute; top: 313.65px; left: 798.5px;">foo</div>

然而，这个设计是由我们自己的css怪物完成的（你应该是这个家伙！），他使用了很多z索引，所以.tooltip DIV在其他元素后面。

现在的问题是：
css文件中的以下代码没有任何效果：

.tooltip{
    z-index: 9001;
}

事实上，该属性甚至在调试网站时都没有显示。但以下内容会起作用：

$(".toolTipMe").tooltip({
  onShow: function(){
    $(this).css("z-index","9001");
  }
});

我不确定CSS规则是如何应用于动态插入的DOM元素的，但在当前的解决方案中，我真正讨厌的是功能和风格的混合。有机会收拾残局吗？：C