In IE and Firefox, the top part (logo/ main image top) this views fine, but in Google Chrome, it is cut off at the bottom.
Is there any way to correct this issue so it views the same in Chrome without the image being cut off using CSS or another simple method?
I fixed your style codes. Please upload it your directory and test it.
P.s: don't forget backup your old one..
I don't know why it's not uploaded the file. I put it to other sharing site.
http://www.sendspace.com/file/b7bqni download it from here and put it your style directory.
I mean here: http://hensheaven.com.au/dev/wp-content/themes/hensheaven/