Help with CSS and Master Template

I'm having difficulty removing the extra space between the logo file and the global navigation from a master page using SharePoint designer.   I'm providing below a screenshot of both browser (1st image) and Designer (2nd image) views.  I've tried changing the different styles referenced in both site title and top nav styles both without any luck.  Any assistance with this would be highly appreciated.

Browser View:

Designer View:

Irina: It's hard to debug without being able to see the CSS and markup. Did you check margin/padding on all surrounding elements?  Also, what elements exist between the two? There might be a content placeholder adding space in there for you.  Can you inspect in Firebug?

Thanks, Chris.  Luckiliy, I figured it out.  There was a tag that defined the company logo, which was set to width 100% by 80 px high.  I changed it to the exact width and height of the logo instead.  Then I changed the class "ms-globalTitleArea" to 100% width by 80 px, and also the id "SearchArea's"  top value to 10 px instead of - 55. 

The nice thing about SharePoint designer is that it allows you to go right to the CSS properties by right clicking on a class from the master page and selecting "Follow Code Hyperlink"  No need to browse or do a search; it does it all for you. 

Glad to hear Irina!  If you're not using the tag you can set its visibilty="false"