This css works ok in IE but not FF. What do you suggest?
[code]body{
background-image: url(beige102.gif);
}
h2,h3
{
font-family: arial, verdana, helvetica, sans-serif;
font-size: 85%;
color: #900;
background-color: inherit;
}
h4 {
font-size: .7em;
color: #009; background-color: inherit;
}
p {
font-size: .8em;
line-height: 1em;
padding-left: 10px;
border-style: none none dotted none;
border-color: #900;
border-width: 1px;
}
img {margin-right: 10px;
margin-top: 1px;
}
div {border:0px dotted;
border-color: #900;
margin-bottom: 5px;
padding-top: 10px;
padding-bottom: 5px;
position:relative;width:100%;height:10em;
}
#block1
{float:left;width:50%;margin-left:0%;
background-color: #9ff;
color: #900;
}
#block2
{float:right;width:50%;margin-right:-2%;
background-color: #cf9;
color: #900;
}
#block3
{float:left;width:50%;margin-left:.5%;
background-color: #fcf;
color: #900;
}
#block4
{float:right;width:50%;margin-right:-2%;
background-color: #ccf;
color: #900;
}
p.footer {
font-size: 2.0em;
text-align: center;
font-weight: bold;
}
a:link {
color: #f00; background-color: #fff; }
a:visited {
color: #000; background-color: inherit;}
a:hover {
color: #000; background-color: #f00; }
a:active {
color: #f00; background-color: #fc0; }
#header {
border-style: outset;
border-width: 6px;
border-color: #ff0;
margin: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
height: 60px;
background-color: #ffc;
color: #c00;
font-size: .95em;
font-family: arial, verdana, helvetica, sans-serif;
letter-spacing: 1.5px;
}
#content { width: 780px; }