图像和包含表格不显示

Question

我有一个我正在处理的网页，它在容器表中有一些形状和覆盖的图像。

这在Firefox和Chrome中看起来很不错，但整个右栏在Safari中被裁剪成一小部分。

这是jsfiddle：http://jsfiddle.net/colej4586/4pXXG/42/

我想也许这就是造成它的CSS，但我真的不知道。

 .overlay {
/* Pull the content up over the banner */
margin: 5% 0 0% 0%;
padding: 1em;
color:white;
/* Using this will make sure that it goes over the element, not under */
position: relative;
/*z-index:4;*/
width:80%;    
}