Shrinking Logo in Header – Logo Extends Beyond Bottom Border

Hi,

I’m having problems with the logo extending beyond the bottom border when you scroll down the page and it shrinks. The logo is smaller than the specified dimensions.

This is the current code that I have at the moment:

/* Decrease spacing above logo */
div .logo { margin-top: 6px; }

.header-scrolled .logo {
	bottom: 10px;
	top: 6px;
}