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.
http://hensheaven.com.au/dev/
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?
Nick Parsons answers:
Add this to your stylesheet:
#top-wrapper { position: relative; z-index: 100; }
#wrapper { position: relative; z-index: 10; }
#body_left2, #body_right { padding-top: 24px; }
Rashad Aliyev answers:
I fixed your style codes. Please upload it your directory and test it.
P.s: don't forget backup your old one..
Best regards,
Rashad Aliyev comments:
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/
best regards,
Tobias Nyholm answers:
Redo the css on the #board2 element.
Remove the margin-top: -50px. Find an other way to put the box where you want it.