[SOLVED] Weird whitespace between header image and logo area background

I have a weird white space showing up between the top of my header images and the bottom of my logo area background (if I set the logo area background to no-repeat, its not currently set that way though). You can see now where there is a repeat of the logo background going on making my graphics appear to not line up. The area in question is about 3 or 4 pixels high.

I have looked and looked and can't find anything in the CSS settings that would affect this. However, it was not an issue until I removed a CSS insert that was somehow causing the search box and RSS icons to not show up. Once I removed that and the box/icons appeared, so did the weird spacing.

I am using version 5.3.5. I can't upgrade to a newer version because since I moved to A Small Orange for hosting, I just get a screen showing my background with no content with any newer ones. I am using the most recent version of WordPress.

Any idea on how to remove this gap so my graphics will go together seamlessly again? The URL is http://prettycanhurt.com/.