Ie6 pixel problem (very descriptive)

[CypSteel]

Page is at:
http://www.kingairinc.com/test.html (http://www.kingairinc.com/test.html)

Looks fine in IE7. In IE6 it does this:

http://www.spheresedge.com/images/codingforums/Logoprob.jpg

I have outlined it in 1px yellow border to make it easier to see. I have also added width, height, padding 0, and margin 0, as you will see in the code below.

HTML:



<div class="kinglogo">
<img name="LogoPH" src="" width="251" height="148" alt="King Logo" />
</div>


And the CSS for that div:



.kinglogo {
height: 148px;
width: 251px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: solid;
border-color: yellow;
border-width: 1px;
float: left;
}


Thanks in advance,
CypSteel

[CypSteel]

I did add overflow: hidden; and it seems to have fixed the layout problem.

I do notice the page is about 20 pixels(depending on each page and the amount of divs) longer in IE6 then in IE7 due to the extra pixels it keeps throwing in.

I guess the easiest way to fix it is just have more open space in my IE7 layout to account for IE6 pixel problems.

Again I am open for any suggestions. I would gladly cough up my CSS and HTML if someone can show me what I am doing wrong or a better way to code it. I am definately still learning.