Webpage looks good in FF, but not in IE. CSS Help!

My page:

http://www.drayerconference.com

Looks great in Firefox, but is missing the content from the middle.

Below is the screen.css stylesheet.

I know that min-height does not work in IE, and I removed that, but am still getting the problem.

Any help is appreciated.
/* COLORS
#724200; text brown
#f9e2b7; body background
#fff8eb; PageWrapper background
#f2be4c; orange
#3f8877; link green
#f9e1b5; billboard h2 & h3 tan
#c08717; dark orange
#8FBFB4; light green;
#6B8F87; dark green
 
*/
 
/* HTML OVER-RIDES */
body {
    color: #724200;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
    background: #f9e2b7;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
a img {
    border: none;
}
h1 {
    padding: 0;
    font-size: 3.5em;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1em;
}
h2 {
    font-size: 1.8em;
    margin: 0 0 15px;
    color: #724200;
}
h3 {
    font-size: 1.2em;
    margin: 0 0 15px;
    color: #724200;
}
h4 {
    font-size: 1.3em;
    margin: 0 0 5px;
}
p {
    font-size: 1.2em;
    line-height: 1.5em;
    color: #724200;
    margin: 0 0 15px;
}
#ColumnTwo p {
    font-size: 1.1em;
    line-height: 1.3em;
    color: #724200;
    margin: 0 0 5px;
}
address {
    font-style: normal;
    display: inline;
}
table {
    width: 100%;
}
table td {
    width: 50%;
}
ul{
    font-size: 1.2em;
}
ul li {
    padding: 0 0 5px;
}
 
/* STRUCTURE */
#PageWrapper {
    padding: 5px 0 50px;
    background: #fff8eb url(images/bg_pagewrapper.gif) repeat-x bottom;
}
#Page {
    width: 780px;
    margin: 0 auto;
    background: url(images/bg_page.gif) repeat-y;
}
#Header {
    height: 107px;
    background: url(images/bg_header.gif) no-repeat;
    position: relative;
    z-index: 1;
}
#ContentWrapper {
    padding: 0 7px;
    background: url(images/bg_pagebottom.gif) no-repeat bottom;
    overflow: hidden;
}
#Content {
    margin-top: 5px;
    padding: 20px 20px 30px;
    overflow: hidden;
}
#ColumnOne {
    float: left;
    width: 75%;
}
#ColumnTwo {
    float: left;
    width: 25%;
}
#ColumnOne .pad {
    padding-right: 25px;
}
#PageBottom {
    width: 726px;
    margin: 25px auto 0;
    overflow: hidden;
}
#Footer {
    width: 726px;
    margin: -10px auto 20px;
}
a {
    color: #3f8877;
    font-size: 1.1em;
}
a:hover {
    text-decoration: none;
}
/*a:visited {
    color: #c08717;
}*/
a.logo {
    display: block;
    position: absolute;
    left:10px;
    top: 5px;
    width: 153px;
    height: 153px;
    background: url(images/logo.png) no-repeat;
    z-index: 10px;
}
a.logo img {
    width: 153px;
    height: 153px;
    visibility: hidden;
}
 
/* RE-USABLE STYLES */
.leftImg {
    float: left;
    display:block;
    padding: 5px;
    margin: 5px 10px 5px 0;
    border: 1px solid #f9e2b7;
}
.registerButton {
    display: block;
    background: url(images/button_register-now.png) 0 0;
    width: 137px;
    height: 50px;
    text-indent: -99999px;
    margin-left: -5px;
    margin-top: 5px;
}
.linkArrows {
    color: #3f8877;
}
.bulletList {
    list-style: none;  
    font-size: 1.1em; 
    margin: 0 0 15px 0;
    padding: 0;
}
.bulletList li {
    padding-bottom: 6px;
    padding-left: 12px;
    margin: 0;
    background: url(images/bullet.gif) no-repeat 0 4px;
}
.bulletList li a{
    font-size: 11px;
}
.topLink {
    text-align: right;
}
.topLink a {
    font-size: 10px;
    text-decoration: none;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
 
/* HEADER */
.registerLink {
    position: absolute;
    right: 40px;
    top: 25px;
    font-weight: bold;
    font-size: 1.3em;
    color: #f2be4c;
    text-decoration: none;
    padding-left: 22px;
    background: url(images/bg_registerlink.gif) no-repeat left;
}
/* nav */
#Nav .hideInNav {
    display: none;
}
#Nav {
    position: absolute;
    left: 165px;
    bottom: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#Nav li {
    float:left;
    margin: 0;
    padding: 0;
    height: 33px;
}
ul#Nav li a {
    display: block;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    padding: 0 11px;
    line-height: 33px;
    text-decoration: none;
    color: #724200;
}
#Nav li a:hover,
#Nav li a.active {
    background: url(images/bg_nav-li_active.gif) no-repeat bottom;
}
/*#Nav li a.home {
    background: url(images/icon_home_off.png) no-repeat center 5px;
}
#Nav li a:hover.home,
#Nav li a.active.home {
    background: url(images/icon_home.png) no-repeat center 5px;
}*/
 
/* HOME BILLBOARD */
.homeBillboard {
    background: url(images/bg_billboard_home.jpg) no-repeat 0 0;
    height: 334px;
    width: 766px;
}
#Billboard .homeBillboard h1 {
    font-size: 3.5em;
    padding-top: 30px;
    width: 420px;
    text-transform: none;
}
#Billboard .pad{
    padding: 20px;
}
#Billboard h1 {
    font-size: 3.8em;
    color: #fff;
    margin: 0 0 10px;
    padding-top: 113px;
    text-transform: uppercase;
}
#Billboard h2 {
    font-size: 2.4em;
    color: #f9e1b5;
    margin-bottom: 3px;
    padding: 0;
    background: none;
}
#Billboard h3 {
    color: #f9e1b5;
    margin-bottom: 3px;
}
#Billboard p {
    font-size: 1.1em;
    line-height: 1.3em;
    color: #fff;
    width: 500px;
}
 
/* HOME CONTENT COLUMNS */
#HomeColumnOne {
    width: 363px;
    float: left;
}
#HomeColumnTwo {
    width: 182px;
    float: left;
}
#HomeColumnThree {
    width: 181px;
    float: left;
}
#HomeColumnOne .pad {
    padding-right: 30px;
}
#HomeColumnTwo .pad {
    padding-right: 20px;
}
.homeContentWrapper {
    background: url(images/bg_homecontentwrapper.gif) no-repeat top;
}
.homeContentWrapper p {
    font-size: 1.1em;
}
#HomeColumnOne h2,
#HomeColumnTwo h2,
#HomeColumnThree h2 {
    background: url(images/h2_bullet.gif) no-repeat left;
    padding-left: 18px;
}
 
/* PAGE BOTTOM COLUMNS */
#xtraColumnOne {
    float: left;
    width: 242px
}
#xtraColumnTwo {
    float: left;
    width: 242px;
}
#xtraColumnThree {
    float: left;
    width: 242px;
}
#xtraColumnOne p,
#xtraColumnTwo p,
#xtraColumnThree p {
    font-size: 1.1em;
}
#xtraColumnOne .pad {
    padding-right: 20px;   
}
#xtraColumnTwo .pad {
    padding: 0 10px;
}
#xtraColumnThree .pad {
    padding-left: 20px;
}
#xtraColumnOne p a,
#xtraColumnTwo p a,
#xtraColumnThree p a {
    font-size: 11px;
}
 
 
/* FOOTER */
/* footernav */
#FooterNav {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
#FooterNav li {
    margin: 0;
    padding: 0;
    display: inline;
}
#FooterNav li a {
    padding: 0 10px;
    font-family: arial;
    font-size: 1.0em;
    padding: 0 13px;
    line-height: 33px;
    text-decoration: none;
    color: #724200;
}
#FooterNav li a:hover {
    color: #c08717;
}
#FooterNav .hideInNav {
    display: none;
}
#Footer div {
    background: url(images/footerlogo.gif) no-repeat right;
    height: 92px;
    font-size: 11px;
    padding-top: 15px;
    font-size: 11px;
    line-height: 1.6em;
}
#Footer div a {
    font-size: 11px;
    line-height: 16px;
}
 
 
/* PAGE BILLBOARDS */
#aboutBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
#accomodationsBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
#ceuBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
#facultyBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
#aboutBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
#itineraryBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
#aboutBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
#objectivesBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
#registerBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
#vendorsBillboard {
    height: 164px;
    width: 766px;
    background: url(images/banner_runner.jpg) no-repeat 0 0;
}
 
 
/* itinerary outline */
.column1, .column2 {
    float: left;
    width: 259px;
    margin: 0;
    padding: 0 0 15px;
}
dl {
    margin: 0;
    padding: 5px;
    overflow: hidden;
    background: #fff8eb;
    border-right: 2px solid #fff;
}
dl.wide dd {
    width: 400px;
}
dl dt {
    float: left;
    width: 100px;
    margin: 0;
    padding: 8px 0;
}
dl dd {
    float: left;
    margin: 0;
    padding: 8px 0;
}
.column1 dl dd,
.column2 dl dd {
    width: 145px;
}
dl dd span {
    display: block;
    margin-bottom: 8px;
}
.headingBar {
    background: #f9e1b5;
    margin-bottom: 2px;
    border-right: 2px solid #fff;
    padding: 5px;
}
 
/* CSS for Shade Tabs. Remove if not using */
.shadetabs{
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.0em;
}
.shadetabs li{
    float: left;
    margin: 0 3px 0 0;
    padding: 0;
}
.shadetabs li a{
    text-decoration: none;
    display: block;
    padding: 5px 10px;
    color: #fff;
    background: #8FBFB4;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    border-bottom: 1px solid #6B8F87;
}
.shadetabs li a:hover{
    text-decoration: underline;
}
.shadetabs li a.selected{ /*selected main tab style */
    background: #f9e1b5;
    border-bottom: 1px solid #f9e1b5;
}
.shadetabs li a.selected{ /*selected main tab style */
    background-image: url(shadeactive.gif);
    color: #724200;
}
.shadetabs li a.selected:hover{ /*selected main tab style */
    text-decoration: none;
}
.tabcontent{
    display:none;
    border-top: 5px solid #f9e1b5;
    padding-top: 20px;
    float: left;
    width: 100%;
}
@media print {
    .tabcontent {
    display:block !important;
}
}
 
 
/* REGISTRATION FORM */
.formTable {
    margin: 20px 0;
}
.formRBLTable {
    margin: 0 0 20px;
}  
 
.formTable td,
.formRBLTable td {
    padding: 5px;
} 
.formTable td input,
.formTable td label, 
.formRBLTable td input,
.formRBLTable td label {
    float: left;
    vertical-align: middle;
}
.formTable td span,
.formRBLTable td span {/* validation *'s */
    line-height: 22px;
    padding-left: 2px; 
}
.formRBLTable td label{
    width: 80%;
}
.formTable td label,
.formRBLTable td label {
    margin-top: 3px;
}
#addtovendorlist,
.checkbox {
    float: left;
}
.formTable td span.checkbox {
    width: 80%;
    margin-top: 0;
    background: none;
}
.formTable td span.checkbox label {
    margin-top: 0;
}
 
.infoBox {
    border: 1px solid #f9e2b7;
    background: #fff8eb;
    padding: 15px 15px 5px;
    margin: 20px 5px 20px;
}
.infoBox p {
    font-size: 10px;
    margin-bottom: 10px;
    line-height: 1.4em;
}
 
fieldset h3 {
    margin-bottom: 0;
    color: #c08717;
}
fieldset h2,
fieldset h3 {
    margin-left: 5px;
}
fieldset {
    border: 1px solid #f9e2b7;
}
legend {
    font-size: 1.6em;
    color: #8FBFB4; 
}
#errorMsgTop {
    display: block;
    background: pink;
    border: 1px solid red;
    color: red;
    padding: 15px;
    font-size: 12px;
    margin-bottom: 15px;
}
 
 
/* form confirm table */
.formConfirmTable {
    margin-bottom: 20px;
    border: 1px solid #EFEFEF;
}
.formConfirmTable td {
    padding: 5px;
    font-size: 1.1em;
    color: #6F6F6F;
    font-family: arial;
    border: 1px solid #f6f6f6;
}
.formConfirmTable .alt {
    background: #EFEFEF;
}

Open in new window

Neil2526Asked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

SRigneyCommented:
IE doesn't even see the homeContentWrapper.  I think you have an html issue.  You have <div id="Content"class="homeContentWrapper">  which does not have a space between the quote and class.   I think IE is just getting confused about the configuration of your div.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Neil2526Author Commented:
Thanks for the response.

Just took that class="homeContentWrapper" out and it still does the same thing.
0
SRigneyCommented:
I'm looking at your site and you seem to have the class homeContentWrapper on the div, and it is displaying in IE.  What was wrong with it other than the missing space?
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Browsers

From novice to tech pro — start learning today.