css - :after 疑似要素を使用した CSS トライアングルは、IE8 では代わりに長方形として表示されます。

Question

フォーム内の各テーブル要素の後にある三角形があります（マークアップについて私に話さないでください..私はCSSにしかアクセスできません>.>）、IE9/IE10/Chrome/FFでは正常に動作しています. ただし、IE8で確認すると、三角形ではなく、塗りつぶされた長方形が表示されます。

CSSは次のとおりです。

.wSectionTableCSS:after {
content: "";
bottom: -38px;
left: 17px;
border-style: solid;
border-width: 25px 0 0 20px;
border-color: rgba(77, 77, 77, 0.13) transparent;
width: 0;
z-index: 1;
    margin: 0 0 0 -20px !important;
    position: relative;
overflow: visible;
display: inherit;}

現在の様子

それはどのように見えるべきか

何が三角形の形状 (および透明度) に影響を与えているのか、何かわかりますか?