Matching a mobile header

I’m trying to match the header of the mobile version of this site http://www.mindspinstudio.com/blog/ to the mobile header of the rest of the site http://www.mindspinstudio.com/industries_mindspin.php which is not built in wordpress, and I was not involved in.

I managed to get the correct image in the header to repeat full width, but it is not displaying at the correct height/size and there is a rather large white gap between the top of the repeating image, and the top of the window (although other elements will touch the top of the window such as the logo I’ve placed inside).

The CSS for the mobile version of the main site is here http://www.mindspinstudio.com/css/mobile.css

Can someone help…

1. remove the white space at the top of the repeating image
2. scale the repeating image and logo to match it’s display in the other pages of the site?

I can view the blog using an iPhone user agent in my main browser, but not the other parts of the site, which is making it even more difficult to compare.

Many many thanks!