Display problems with html in IE (PC)

IE css html milieu

[donki]

I put this site together for a friend and it is having display problems specifically in IE on PCs. That's the only place that it doesn't show properly, as it works in every browser I've tried on Mac, and firefox on PCs.

The entire bottom portion of my html is being chopped off when it is displayed in IE on a PC. I am using CSS, which I validated through w3c.org and it checks out 100% A-OK. It found a bunch of problems with my html through w3c, a lot of which I think are total bs... but one of them must be true because it isn't working properly. I have no idea what might be causing this problem.

<snip>

Take a look at it in firefox or whatever to see how it should display. Then look at it in IE and you will see that the entire bottom portion is being cut off.

Can anybody help me? Suggest what might be causing the problem?

[edited by: engine at 3:19 am (utc) on June 19, 2005]
[edit reason] No urls, thanks. See TOS [webmasterworld.com] [/edit]

[Skinny]

I'm not sure 100% if the problem so I will do my best.

I think it could be one of two things:

1) the css file. The things that aren't showing up have id's "level_three" and "level_four" My suspicion is that something is wrong with that file. However, you did say you checked that.

2) Your HTML is wrong. However that doesn't seem to be the case. I just validated your page and the errors are nothing serious.

(You have to add a DOCTYPE tag above the html tag so the validator knows what version of HTML you're writing in. . . it's guessing now)

I'm thinking its your CSS.

Can you display the CSS?

If I'm wrong please someone correct me

Skinny

[donki]

Sure, here is all of the code in the CSS file:

body {
margin: 0px;
padding: 0px;
}

#outer {
width:100%;
height:100%;
}

#main{
height:620px;
width:820px;
background-image:url(images/background.gif);
}

#level_one {
height:165px;
}

#level_two {
height:330px;

}

#frame_a1{
width:192px;
}

#frame_a2{
width:35px;
}

#frame_a3 {
width:459px;
}

#frame_b1 {
width:275px;
}

#frame_b2{
width:10px;
}

#frame_b3 {
width:459px;
}

#border_left{
width:10px;
}

#print_left{
width:70px;
}

#portfolio_center{
width:680px;
}

#portfolio_right{
width:70px;
}

#print_middle{
width:167px;
}

#border_right{
width:10px;
}

#level_three{
height:90px;
}

#level_four{
height:35px;
}

#team_center{
width:740px;
}