Trouble with header size....

Question

Hey,
I am having trouble getting rid of a gap at the top of my header/banner
The attached picture shows what i am talking about: if you look above the photo on the left, you will see a black gap that i cannot get rid of.   I want the picture to go all the way to the top of the page
How do i do this?
sorry for the simple question, but i just can't work it out

Answer 1

You have h2 tags (head text size 2) around the image at the top of the page.
   <h2><img src="logo%20black.jpg" alt="ken logo" width="1000" height="200">
      <!-- end #header -->
</h2>
They are adding an extra 18px drop above the image. Header tags are block tags, which means (partly) that they come with extra space (margin) above and below). Taking the h2 tags off moves the image back up. Then you can go to the css and make the header div 200px tall (the height of the photo) instead of 218px, and the whole thing will tighten up.
.twoColLiqLtHdr #header {
    font-family: "MS Serif", "New York", serif;
    background-color: #000;
    background-position: 0px;
    height: 200px;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border: medium double #300;
Beth