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;
}
