Please help me- I've been working on this for hours and hours and can't get it work right!!! my site is www.apex.smugmug.com

I need help with 2 things.

1. my logo in the correct location.

The logo is not centered from top to bottom within my transparent banner. It is to close to the top edge. I tried playing with the margins but it moved both the logo and the banner??? I want the logo to have the same amount of banner visible in both the top and bottom.
(FYI- I was not able to get the banner to show up with the 1st CSS code that I found on this site (#myBanner) so I added additional code (#my-header-wrapper) from another post at the bottom of the css which make is show up. While this sfixed the issue, I would like to avoid having unneeded code on my site...)


2. Navigation Links Overlap Logo
The links overlap with the logo when the window is small / narrow. can you please make it so that the nav links are forced to stop next to the logo.

can anyone please help me?

For your logo, change the CSS for it to this:

#myBanner {
   background: transparent url(/photos/i-dJkKDtJ/0/O/i-dJkKDtJ.png) no-repeat; 
   height:80px;
   width: 320px;
   _background: none;
   _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingmethod=image, src="http://apex.smugmug.com/photos/i-dJkKDtJ/0/O/i-dJkKDtJ.png");
   position: fixed;
   top:5px;
}

Then for your nav bar change it to this:

#navcontainer {
   font-size: 120%;
   width: auto;
   height: 31px;
   float: right;
   margin-left: 300px;
}

Thanks a million!!!

it worked perfectly