IE9 - 内側のdivが絶対的で外側のdivが相対的に配置されているときにdiv内の不要な埋め込み

Question

IEで6時間この問題を解決しようとしています。 beforeタグを絶対位置にすると余分なパディングがあるようです。

CSS

.rteEditable{ 
    background-color:green; 
    position: relative; 
    width: 200px; 
    height: 400px; 
    min-height: 400px; 
} 
.rteEditable p{ 
    padding-left: 46px; 
} 

.rteEditable:before{ 
    position: absolute; 
    height: 100%; 
    width: 40px; 
    content:''; 
    background-color:red; 
} 

HTML

<div class="rteEditable" contenteditable="true"> 
<p> 
HELLO THIS IS A TEAST 
</p> 
</div> 

私はここでJSFiddle

を書かれているコードは、より良い説明のためのイメージです。

クローム

IE9は

Answer 1

https://jsfiddle.net/evouvj7v/

が追加を参照してください

left: 0; 
right: 0; 
top: 0; 
bottom: 0;