Kendo ui 剑道UI树视图展开图标中的问题

我正在使用KendoUITreeView动态显示某些数据。我对加载的数据没有任何问题。但是发现一个场景如下

当我单击节点左侧的展开图标（它有一个子节点）时，展开图标和折叠图标与节点的图标重叠。当焦点移出包含treeview数据的tabstrip时，展开/折叠图标不会重叠，它位于节点的左侧。当我将鼠标悬停在包含数据的选项卡条上时，两个图标都与节点的图标重叠

下面是窗格和选项卡条声明

<div id="inner-1"   class="configuration k-widget k-header" style="height: 100%; border: 0;background-   color:#E1E5E7;"></div>

var leftTabStip=null;
leftTabStip = $("#inner-1").kendoTabStrip().data("kendoTabStrip");
leftTabStip.append({
            animation:  {
                open: {
                    effects: "fadeIn"
                }
            },
            text: "Sample",
            content: '<div id="treeSample" style="overflow:auto;position:relative;border:1px solid #B0B0B0;">  </div><ul class="options"> ',
            encoded: false
 });

是否有办法确保图标和节点不重叠，并且即使我将鼠标悬停/移出tab strip或单击图标，数据也应正确显示，就像展开/折叠图标应位于节点左侧，且不重叠一样。请引导我

---

提前感谢。

在兼容性视图设置（即IE 7文档模式）下运行IE 8时，我遇到了同样的问题

发现非常有用：

…问题可能与IE7中的布局有关，因此我建议您尝试使用缩放：1样式触发特定元素的布局是否会解决此问题

我将此css应用于treeview，修复了我案例中的相同问题：

 li
    {
       zoom: 1;
    }

 li
    {
       zoom: 1;
    }