ok so im tryen to use css in my website everything works fine for ie but things are missing from firefox
ie link: dcsoffice.ca/index.html
firefox:dcsoffice.ca
you can clearly see my problem i ran in too
CSS file let me know what i am doing wrong here
the parts thats missing in firefox is in #divcontent #divabout
body, h1, h2, h3, h4, h5, h6, p, div, ul, li {
margin:0;
padding:0;
}
body {
font-family: Verdana, Geneva, sans-serif;
background-color: #000;
text-align:center;
}
#divwrapper {
width:800px;
margin:20px auto;
height:600px;
}
#divheader {
width:800px;
background-image:url(images/dcsoffice_01.gif);
}
#divHeader img {
padding-top:20px;
padding-bottom:20px;
}
#divLine {
width:800px;
background-color:#0f033c;
}
#divLinks {
width:800px;
background:#0f033c;
}
#divNav {
width:394px;
background-color:#0f033c;
height:36px;
margin:0 auto;
}
#divNav ul {
list-style-type:none;
}
#divNav ul li {
float:left;
}
#divNav ul li a {
display:block;
height:20px;
line-height:20px;
background-color:#0f033c;
width:80px;
font-size:0.8m;
font-weight:bold;
color:#FFF;
text-align:center;
text-decoration:none;
margin:7px;
/*border radius*/
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border: 1px solid #000;
/*Grade*/
background:-moz-linear-gradient(top,#003, #000);
background:-webkit-gradient(linear, left, top, left bottom, from(#0f033c), to(#0f033c);
}
#divNav ul li a:hover {
background:#0f033c;
background:-moz-linear-gradient(top,#003, #000);
background:-webkit-gradient(linear, left, top, left bottom, from(#0f033c), to(#0f033c);
}
#divNav ul li a.current, #divNav ul li a.current:hover {
background:#0f033c;
background:-moz-linear-gradient(top,#003, #000);
background:-webkit-gradient(linear, left, top, left bottom, from(#0f033c), to(#0f033c);
color:#f63;
cursor:default;
}
#divabout {
width:800px;
background-color: #0f033c;
padding-top:60pk;
padding-bottom:60pk;
/*grade*/
background:-moz-linear-gradient(top,#003);
}
#divcontent {
width:486px;
height:600px;
margin:0 auto;
Background-color: #003;
border: 3px solid #000;
/*grade*/
background:-moz-linear-gradient(top,#003);
background:-webkit-gradient(linear, left, top, left bottom, from(#0f033c), to(#0f033c);
}
#divcontent img {
float:left;
background:#0f033c;
padding: 20px;
margin:0 auto;
}
#divcontent h5 {
color:#FFF;
padding-top:0.9em;
padding-bottom:0;
padding-left:0;
padding-right:0;
}
#divcontent p {
font-size:0.8em;
color:#FFF;
padding:0.8em;
line-height:1.4em;
}
#divcontent2 {
width:486px;
margin:0 auto;
background-color: #003;
height:600px;
/*grade*/
background:-moz-linear-gradient(top,#0f033c);
background:-webkit-gradient(linear, left, top, left bottom, from(#0f033c), to(#0f033c);
}
#divcontent2 img {
float:center;
background:#0f033c;
padding: 20px;
margin:0 auto;
border:1px solid #000;
}
#divfooter {
background:#0f033c;
height:15px;
width:800px;
border-bottom:2px solid #000;
}
#divfooter p {
font-size:0.8em;
color:#FFF;
padding:0.8em;
line-height:1.4em;
}
