CSS compatability across browsers - ONLY 1 EDIT NEEDED

I am building a website at [login to view URL] and I am having trouble making compatibility across browsers with my header. Notice on Chrome and other browsers that take into consideration "height" constraints I do not have a problem - but on Mac Safari the logo is cut off by the slider. I need the site (and specifically the badge) to look the same across browsers. Also, when you load the site up on the iphone it doesnt look anything like it's normal self, I am wondering why. A completed project is one that describes to me what HTML / CSS changes I need to make to achieve the described result above. Very simple. I will make the changes - you will not need access to my FTP to complete this.