html - Z軸スタックを正しく作成する

Question

次のページhttp://blackburndigital.co.uk/boxes.htmlで、数字 (強い) が最初に見えるように、z 軸のブラック ボックス (レンズ) の上に数字 (強い) を配置しようとしています。 .

ここにhtmlがあります

<div class="fact">
<div class="lense"></div>
<strong>4</strong>
<p> Years in business   </p>
</div>

およびcss（簡単にするためにいくつかの値を削除しています...完全なcssについては、上記のリンクのソースコードを参照してください）

.fact 
{background:red; 
overflow: hidden; 
position: relative; }

.fact strong 
{ display: block;
position: relative;
 z-index: 10;}

.lense {width: 200%; 
height: 100%;
 z-index: 5; 
position: relative;}

何が間違っているのかわかりません...何かアイデアはありますか？