firefox transform scaleは、背景が消えるようにします

Question

私はfirefoxでテストするまで、かなり複雑なボタン（少なくとも私の好み）を作成しようとしています。

ここに私のコードです。

<div class="got_a_background"> 
    <li class="blue_link_wrap"> 
     <div class="contact_link button_anim"></div> 
     <a href="contact.html"> 
     <div class="pos"> 
      <div class="border_white"></div> 
       <p class="blue_link_en">contact</p> 
       <p class="blue_link_jp">お問い合せ</p> 
      </div> 
     </a> 
    </li> 
</div> 

https://jsfiddle.net/xvkszyvm/1/

結果が主として関与する他のファイルにビットオフですが、アイデアがあり、作業フィドルに参加しました。

私はバックグラウンドとその内側に追加のボーダーが必要です。 ホバーでは、背景の画像は、あなたがやっていることについてのフィードバックを与えるために少し拡大する必要があります。テキストと白い枠線にスケーリングを適用しないでください

すべてはクロムとサファリでは機能しますが、Firefoxでは機能しません。

EDIT：明らかに、親divに背景がある場合にのみ問題が発生します。フィドルを更新しました。

なぜそれがうまくいかないのか、それを回避する方法に関するヒントとヒント？

おかげ

Answer 1

は[OK]を、私はタイプミスをしたとzインデックスにマイナス記号を持って発見しました。 愚かな間違いについて話してください。