CSS - ：在其他地方使用后没有正确定位

Question

我现在已经尝试了几个小时，但我似乎无法找到解决方案 我有一个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);
}

我在谷歌的各处搜索过，但没有找到任何东西。