前端显示2行文本内容，超出部分添加省略号？

Question

1.前端css样式代码：

.list-ul a p {

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2;

-o-text-overflow：ellipsis;

}

前端html代码：

<p class="aa"> +data[i].Profile + '</p>

补充：这个p标签是在li标签中，通过发送ajax请求后台拿到的数据遍历出来得的简介信息。

以上样式目前在谷歌浏览器中，支持前端显示2行文本内容，超出部分添加省略号--完美。

不过，出现了新的浏览器兼容问题：在IE和火狐浏览器中，样式就失效了。

F12调试显示如下：

请问：如何让其在IE和狐火中都像在谷歌浏览器中显示的效果。请各位前端大咖，指点!!!