Div Height Problem IE6

I am completely confused right now as to what is happening...

I have a div that is supposed to be only 7 pixels high, however it doesn't seem to be constraining the height.

div.crewfooter
{
      height:7px;
      background:url('/themes/water/img/schedule/bkg-bottom.gif') repeat-x bottom center;
      border-top:1px solid #699;
      border-left:1px solid #999;
      border-bottom:1px solid #999;
      border-right:1px solid #999;
      padding:0px;
      margin:0px;
}


There is no content within the div and it's really just supposed to display the texture graphic for the bottom. If I remove the height it will collapse completely with only the border showing. However when it's 7px it makes the hight 14pixels or so for no reason. I Took the HTML out completely on it's own so it would not be affected by other styles and it still doesn't work right.

This is the last thing holding me up so any help would be appreciated.