Where is white line coming from

It's the link (<a href="index.html"). Replace that with a <p> and the white space is gone.

put display:block on the a style and you're set.

HTH,
Dan

If I remove the link, then the header will not link to the index page.

You need to set the header image to display as a block level element. Add this to your CSS:

img.header { display:block; }

Select allOpen in new window

I meant you can prove the <a> is the culprit  by replacing it with a <p>, which will remove the white line.

Once we know the problem, we can work toward a solution. Which is to set display:block either on the <a> element or on the image.

Adding display:block;  to header div fixed problem.  Thanks to all who gave suggestions.

I'm sure you meant header image ;)