Logo overlaps navigation/header border

I’m using Highend with these settings:

• Header layout 1
• Navigation skin 4/li>
• Sticky header is off/li>
• Header height set to 108 px
• Logo size is 198×84 px

This results in the bottom edge of my logo overlapping the nav bar border for IE and Firefox. The logo is resized (smaller) for Chrome and does not overlap. I would like it to be full size across all browsers, and increase the height of the header so that there are 12px above and below it. Can this be done with some custom CSS?

NOTE: If I use Header layout 2, the logo displays fine, but my client prefers 1.