CSS - Logo acting different with Chrome / Safari

My logo acts weird in Safari, and on my iPad's Chrome/Safari.

The issue is that the height is different, and it become squeezed on Safari / iPad.

I really don't know how to track issues with Safari, and would love both an direct answer or some guiding.

To check out the site, go to: www.gym-ila.no

The password is: traktorGym

I mainly use Chrome, and if you have any tips for issue tracking trouble with Safari - it would be very much appreciated.

Thanks alot! =)