Different results in IE6/FF vs IE7

I made a simple layout with simply divs and css.

http://www.rack22.com/testing

In IE6 and FF, result is ok. All white lines are 10px wide.

In IE7, I get a 20px white line on top of the red portion.

Im not sure what is the problem.

Dont look at color, it is ugly but it's for testing.

http://www.rack22.com/testing/styles.css
http://www.rack22.com/testing/index.php

Any idea ?

 

I kind of got lost with all of the divs and no content to bounce it off of but it looks to me like this is your problem

#head {
border-bottom: solid 10px #ffffff;
}

#main {
border-top: solid 10px #FFFFFF;
}

Code (markup):

Correct me if I'm wrong but the red is the start of #main and is supposed to have a 10px border top and #main sits right below #head which is supposed to have a 10px border bottom.

 

I have removed the one in #head.

I get a 20px line in IE6/IE7, but FF is ok.

MikeBrad: You were right.