I recently created a new tabless css theme for my wordpress, and it looks fine on my firefox 2 and ie 7. However, My friend told me that it looked off (the content was way at the bottom) on his internet explorer 6.

Can someone help me figure out what is wrong? Thanks!

the site.
the css

IE has a problem with floats. Simply add display: inline to all floating elements to fix this.

I added the display: inline to all my floating elements, but the layout is still messed up. Also, this page uses the same css code but the layout works fine. That's what confuses me even more.

Adding display: inline to the floated elements is NOT the answer, and it is a hack that IE 7 will choke on, as it was a solution to fix IE 6 (and below) problem, called the double float margin bug. You'll have to use conditional comments and separate CSS file to hold the hacks needed to 'fix' IE 6 and below.

The *html hack you're using, is not going to work right with IE 7 as it too was a hack meant for older versions of IE. You can't just hack away any more, things are going to break in IE 7 with those hacks.