在IE中出现:: before和position绝对值

Question

我尝试使用css创建三角形并且在chrome中工作得很好 像这样：

.custom-selectbox .x-form-trigger-default {
    background: none;
    border-width: 0;
    position: relative;
    width: 23px;
}
    .custom-selectbox .x-form-trigger-default:before {
        content: "";
        border: solid #9e9e9e;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 4px;
        position: absolute;
        top: 50%;
        margin: 0 auto;
        margin-top: -7px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

但是因为我得到了问题因为位置：相对覆盖了前面元素的绝对位置。 （我在开发者模式中看到它没有在他的父级中插入新元素，如chrome。

我能做什么？

tnx很多