Problems with Explorer

[Kayrel]

Ok, So I am starting to get into this whole making webpages and such and I'm doing my best..trying at least :) . Anyways, I am having a problem with how my page shows in internet explorer. It works perfect in Firefox(what a surprise) but not in explorer. I don't know why.

There is a huuge white space at the bottom and for some reason the first line of text wont stay in the box.

Here is the code for my global.css and indexPage.css, the source of the page well, just right click and see source I suppose (that you all know :) )


global.css

@charset "utf-8";
/* CSS Document */
body  {
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 background: #FFFFFF;
 margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
 padding: 0;
 text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
 color: #000000;
}
#container {
 width: 736px;
 height: 1100px;
 margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
 text-align: left; /* this overrides the text-align: center on the body element. */
 overflow: hidden;
 background-color: #FFFFFF;
}

indexPage.css

@charset "utf-8";
/* CSS Document */
#topFrame {
 height: 200px;
 width: 736px;
}
#disclamerFrame {
 height: 130px;
 width: 468px;
 left: 230px;
 top: 0px;
 position: relative;
 background-image: url(../images_hb/grayFrame.png);
 z-index: 2;
}
#contentFrame_index {
 height: 740px;
 width: 468px;
 left: 230px;
 top: 0px;
 position: relative;
 background-image: url(../images_hb/contentFrame.png);
 z-index: 2;
}
#leftFrame_1 {
 height: 416px;
 width: 192px;
 left: -195px;
 top: -824px;
 background-image: url(../images_hb/leftFrame_1.png);
 position: relative;
 z-index: 1;
}
/* Links leftFrame 1 */
#lf1Link_1 {
 position: relative;
 z-index: 3;
 top: 45px;
 left: 21px;
 width: 100px;
}
#lf1Link_2 {
 position: relative;
 z-index: 3;
 top: 58px;
 left: 21px;
 width: 100px;
}
#lf1Link_3 {
 position: relative;
 z-index: 3;
 top: 76px;
 left: 21px;
 width: 100px;
}
#lf1Link_4 {
 position: relative;
 z-index: 3;
 top: 98px;
 left: 21px;
 width: 100px;
}
#lf1Link_5 {
 position: relative;
 z-index: 3;
 top: 116px;
 left: 21px;
 width: 100px;
}
#lf1Link_6 {
 position: relative;
 z-index: 3;
 top: 136px;
 left: 21px;
 width: 100px;
}
/* Links leftFrame 2 */
#leftFrame_2 {
 height: 276px;
 width: 192px;
 left: -195px;
 top: -825px;
 background-image: url(../images_hb/leftFrame_2.png);
 position: relative;
 z-index: 1;
}
#lf2Link_1 {
 position: relative;
 z-index: 3;
 top: 45px;
 left: 21px;
 width: 150px;
}
#lf2Link_2 {
 position: relative;
 z-index: 3;
 top: 60px;
 left: 21px;
 width: 150px;
 height: 20px;
}
#lf2Link_3 {
 position: relative;
 z-index: 3;
 top: 80px;
 left: 21px;
 width: 150px;
 height: 20px;
}
#lf2Link_4 {
 position: relative;
 z-index: 3;
 top: 100px;
 left: 21px;
 width: 150px;
 height: 20px;
}
/* contentFrameText */
#contentFrameText {
 height: 698px;
 width: 448px;
 left: 10px;
 top: 30px;
 position: relative;
 z-index: 1;
}
/* disclamerFrameText */
#disclamerFrameText {
 height: 110px;
 width: 438px;
 left: 15px;
 top: 10px;
 position: relative;
 z-index: 2;
 font-family: "Trebuchet MS";
 font-size: 14px;
 color: #000000;
}

Hope anybody can see what I don't see. Thanks in advance.

[birdoasis]

Can you give us a link so that we can see the problem in action?

I have a feeling that you're having a blowout problem, but I need to see it first. If I don't answer right away it's because I have to go fix the llama chute so that the llamas won't break it....again.

JP

[Kayrel]

Oh yeah, I feel dumb didnt post link, here it is.

www.halfbreed3.com