Javascript IE中工具提示STL的qTip问题

我已经实现了qTip jquery插件，它在chrome和FF上运行得非常完美，但在IE 8/9/10/11中，它并没有正常工作：
1） 如果文本太长，则不将word换行，而是将工具提示扩展到浏览器之外。
2） 不会在右上角显示箭头。
这是我的代码：

.ui-tooltip-light{border:1px solid #666; background: #fff; margin-top:10px;font: 14px/1.4 arial,sans-serif;border: 1px solid #666;
padding: 15px 15px 15px 15px;
text-align: left;
word-wrap: break-word;
padding-bottom: 1em;}
.ui-tooltip-light:before, .ui-tooltip-light:after{
    content: "";
    position:absolute;
    width: 0;
    height: 0;    
}
.ui-tooltip-light:before {
    top: -10px;
    right: -1px;
    border-bottom: 10px solid #666;
    border-left: 10px solid transparent;
}

.ui-tooltip-light:after {
    top: -8px;
    right: 0px;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;    
}
.qtip-content a{color: #666;text-decoration: underline;}
.qtip-content a:hover{color:#a90000;}
.ttip{cursor:pointer;}

js

这就是它的样子：

---

我会打100分来帮助我解决这个问题。但我明天可以定赏金。请帮助IE是我的噩梦：-/您使用的是什么jQuery版本？2.x不支持IE8，使用jQuery的代码应该与浏览器无关。请在css中查看<代码>正常|断字afaik不正确。看起来你从医生那里贴的有点太多了。如果是这种情况，请删除Q-a c/p错误可能对其他人没有帮助：）我更新到ie9，现在我需要降级到ie8。顺便说一句，在ie 9中，它不能在一行中扩展。@rlemon这是我的c/p错误，对不起。

$(document).ready(function () {    
        $('.ttip').qtip({
            content: "my test",
            show: 'click',
            hide: 'click',
            position: {
                my: 'top right',
                at: 'bottom center'
            },
            style: { classes: 'ui-tooltip-light' }
        });
    });