css - CSS - :after が別の場所で使用されると正しく配置されない

Question

何時間も試してみましたが、解決策が見つからないようです。
:after の div があり、div に王冠を置きます。私のステータスでは正しく動作します:
しかし、フォーラムでは正しく配置されません : これが
私のコードです:

.crown:after {
background: url("http://icons.iconarchive.com/icons/fatcow/farm-fresh/32/crown-gold-icon.png") no-repeat;
left: -5px;
border: solid transparent;
content: "";
height: 40px;
width: 40px;
position: absolute;
pointer-events: none;
border-width: 10px;
margin: -23px -5px;
-webkit-transform: rotate(-26deg);
-webkit-transform: rotate(-26deg);
-moz-transform: rotate(-26deg);
}

Google であちこち検索しましたが、何も見つかりませんでした。