Html 具有最大z索引的绝对定位元素没有可见溢出

我正在制作一个带有垂直滚动固定位置边栏的复杂网站。侧边栏包含在悬停时显示工具提示的图标。工具提示水平溢出其侧栏容器，并且溢出不会显示

下面是侧栏的DOM结构以及相应的z索引和位置。注意，root

元素至少是DOM中所有其他呈现元素的同级元素

<ui-view> // position: relative
    <div> // position: fixed
        <ul> // position: relative
            <ui-view> // position: relative
                <li> // position: relative
                    <a> // position: relative
                        <div> // position: absolute, tooltip here

//位置：相对位置
//位置：固定
//位置：相对位置
//职位：相对
//位置：相对位置

更新：

较高的
div
具有
overflow-y:auto
以启用垂直滚动。删除此选项会使工具提示溢出可见，但会阻止滚动条垂直滚动。
我正在使用angular library UI引导获取工具提示功能。原来它有一个
工具提示附加到body
选项。设置为真，它解决了我所有的问题
 您好，请给我们一个与所有相关代码的工作演示@MichaelCoker Plunker张贴在上面。你有
overflow-y:auto在
div
上。这将使孩子们不至于满溢。这项工作：<代码>溢出：自动
removed@MichaelCoker谢谢，这就解决了！问题是现在边栏溢出时不再垂直滚动。。。我想保持垂直滚动，并有可见的水平溢出。