CSS 3派:不能在绝对定位(弹出)元素中工作？鼠标悬停时换班？

Question

我正在使用的CSS 3饼包含，以便我可以在我的IE弹出的圆角边框。然而，在IE中，弹出窗口在页面加载上不是四舍五入的，但当我将鼠标放在它上面时，它会移动到容器的左上角，它的位置是绝对的，并且在那里它有圆角边框。

下面是HTML：

    <div class="popupWrapper" id="editMsgWrapper">
        <div class="popupDiv" id="editMsgContainer">

下面是相应的CSS：

.popupWrapper {
    display:none;
    left:0;
    margin:0 auto;
    position:absolute;
    text-align:center;
    top:0;
    width:100%;
    z-index:601;
}

.popupDiv {
    text-align: left;
    position: relative;
    top: 100px;
    margin: 0 auto;
    width: 500px;
    border: none; /*1px solid #FFF;*/
    font-size: 12px;
    background: #FFF;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    behavior: url(PIE.php);
    position: relative;
}

你知道为什么popupDiv在鼠标悬停时会变成绝对的div吗？

谢谢!

Answer 1

我把它放到了另一个容器div中，不知何故起作用了！