static website's container + both images do not scale properly in safari and chrome

[panyoet]

This is a static website which looks as I want it to on firefox but looks off on different browsers. The splash/home page image's width in particular looks squashed (in safari and chrome) also the 'monokromatic' type image's height looks squashed. The container's height which is set to 100% doesn't look 100% on my friends laptop but looks more like 50% (he does have a bigger screen but I was aiming for a responsive layout anyway) I want to maintain the mobile friendliness.This is what my final outcome should look like on the other browsers too:home page - http://i46.tinypic.com/j61vrm.jpgabout page - http://i45.tinypic.com/rjpfeq.jpgThe relevant html and style sheet can be found here: www.nippyzip.com/uploads/120512064333-94635.zipThank you