In the following picture I have 2 issues. The first is, depending on the resolution my header picture and the header text overlaps. With a higher resolution (which I use) it looks fine. I cant find a way to not get them to overlap other than reducing the image size a lot making it look just as weird on higher resolutions. The css tag is header for this, and the css for the text is the #header h1 and h4 tags.

Also, how can I make my menu go all the way over to the right? For some reason there is a small gap between where the menu ends on the right. The css for this menu is there with comments in the file, it is a drop down menu I got off the net.

Any and all help is greatly appreciated.

css sheet at: