position ブラウザによりずれる

Question

⑴firefox・IEと⑵クロム・サファリでpositionがずれます

upでposition:0の時の位置を確認するとすでにずれがあり
⑴はborderを含んだ端に
⑵はborderを含まない位置の端に

どうしたらいいですか

 <li>
   <div>
   <p>テキスト</p>
   <p class="reference-text-list_user">テキスト</p>
   </div>
                </li>               

.クラス名{
		position: relative;
		display: table;
		width:620px;
		min-height: 100px;
		box-sizing: border-box;
		padding: 17px 25px 15px;
		border: 1px solid #cdcbcb;
		border-left: 5px solid #ca0813;
		background-color: #fff;
		font-size: 14px;
		line-height: 1.75;
		color: #000;
	}	

.クラス名:after {
	position: absolute;
	top: 50%;
	right: -22px;
	width: 23px;
	height: 26px;
	margin-top: -13px;
	background: url(../images_.png) no-repeat 0 0;
	background-size: 23px auto;
	content: "";
	}	

Comments

[kei344]

書かれている状況が再現するコード（HTML/CSS）を全て提示されたほうが回答を得やすいと思います。また、質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[m_ai]

部分的ではなく全てですか❔

[退会済みユーザー]

不具合の減少を回答者の環境で再現できるだけのミニマムコードを定時ください。

[m_ai]

上記でお願いできますか。同環境でその他のパーツは問題なく表示されています。

[退会済みユーザー]

超能力者じゃないので、無理です

[m_ai]

ありがとうございました。

[Lhankor_Mhy]

補足願います。『upでposition:0の時』というのはどのような意味でしょうか。コードの部分に『.クラス名』とありますが、もしかしてこれが.upということですか？