Positioning 1px off in Safari/Mac but works on Safari/Windows

Question

I'm beating my head against a wall on this one; the logo image ("It's All About Revenue") shifts up by one pixel in Safari on Mac, but renders correctly in all other browser/OS combinations I've been able to test. Does anyone have any ideas on why this might be? Here's the site: http://blog.eloqua.com/

Thanks in advance for your help!

Answer 1

I'm not seeing it on Safari 4.0.5 on Mac OS 10.6.3. Looks identical to Firefox 3.6.3

Perhaps a browser bug that was fixed?

Answer 2

The height attribute of the <div class="parentLogo"> element is being computed differently between the two browsers:

You need to set its height attribute manually:

.custom .parentLogo {
    height: 40px;
    ...
}

This should fix the issue.