Posted by Shelly on 10/30/07 15:25

We am having a real problem with CSS consistency between IE7 and Firefox.
We are working on the template for the page. It is
http://ftp.blueskycampinsurance.org/new. In Firefox there is a small blue
bar near the bottom that doesn't appear in IE7 (it shouldn't be there). The
heights of all containers are automatic. We can't figure out why.

If anyone can help, it would be greatly appreciated.

Sheldon


Here is the css:
body {
background-color: #53381B;
font-family: Arial, Helvetica, sans-serif;
}

#wrapper, #header, #container-out, #container, #container-in,
#content-holder, #footer, #trees{
margin: 0 auto;
}

#wrapper {
width: 900px;
}

#header {
height: 173px;
background-image: url(../i/img-header.jpg);
width: 900px;
}

#container-out {
width: 817px;
background-color: #6bd5d1;
}

#container {
width: 804px;
background-color: #77d265;
}

#container-in {
width: 793px;
background-color: #53381B;
}

#container-top {
width: 793px;
height: 3px;
background-image: url(../i/img-topbar.jpg);
}

#content-holder {
width: 787px;
background-color: #FFFFFF;
padding-top: 1px;
padding-bottom: 1px;
}

#footer {
width: 817px;
background-image: url(../i/img-footer.jpg);
height: 105px;
}

#trees {
width: 283px;
height: 186px;
position: absolute;
margin-left: 619px;
top: 625px;
}

..footer-text {
margin-top: 0 auto;
padding-top: 12px;
font-size: 12px;
font-weight: bold;
}

..main-text {
font-size: 14px;
margin-left: 30px;
margin-right: 30px;
}

..text-trees {
font-size: 14px;
margin-left: 30px;
margin-right: 250px;
}

..subheader {
font-size: 16px;
font-weight: bolder;
margin-left: 30px;
color: #77d265;
}

#mainleft {
font-size: 14px;
margin-left: 30px;
width: 240px;
float: left;
padding-bottom: 15px;
}

#maincenter {
font-size: 14px;
width: 240px;
float: left;
padding-bottom: 15px;
}

#mainright {
font-size: 14px;
width: 240px;
float: left;
padding-bottom: 15px;
}

li {
list-style-image: url(../i/img-bullet.jpg);
}

span {
margin-left: 3px;
color: #000000;
}

[Back to original message]