Css imcompatible firefox en hebergement

Bonjour,
j'ai crée un site avec un css, tout marche bien en local après hebergement firefox ne reconnait pas le css,
voici le code:
body
{
background-color:#008000;
background-image:url('jatropha-curcas-graine-et-feuilles.jpg');
background-repeat: no-repeat
}
html, body
{
height:100%;
margin:0px;
font-family:Trebuchet MS;
}
.wg-formfield
{
font-family:Trebuchet MS;
}
.wg-button
{
width:71px;
overflow:hidden;
display:block;
}
.wg-button a
{
color:#FFFFFF;
text-decoration: none;
display:block;
}
.wg-button a:hover
{
color:#F7F7F7;
text-decoration:underline;
display:block;
}
hr {
height:1px;
color:#4D4D4D;
background-color:#4D4D4D;
} h1 {
margin:4px 1px 1px 1px;
font-size:15px;
color:#111111;
border-bottom:1px solid #111111;
}
.wg-subparag {
margin-left:16px;
}
.wg-paragraph {
font-size:11px;
color:#000000;
}
.wg-headertext { }
.wg-paragraph h2 {
margin:1px;
font-size:12px;
color:#111111;
}
.wg-paragraph h3 {
margin:1px;
font-size:11px;
}
.wg-paragraph a {
color:#4D4D4D;
text-decoration : underline;
}
.wg-paragraph ul#s2h {
margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:24px;
}
.wg-paragraph ol {
margin-top:10px; margin-bottom:10px;
}
.wg-panel {
background-color:#111111;
font-size:11px;
text-align:justify;
color:#FFFFFF;
}
.wg-panel h2 {
margin:1px;
text-align:center;
font-size:11px;
color:#FFFFFF;
}
.wg-panel h3 {
margin:1px;
text-align:left;
font-size:11px;
color:#FFFFFF;
}
.wg-panel a {
color:#FFFFFF;
text-decoration : underline;
}
.wg-panel ul#s2h {
margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:16px;
}
.wg-panel ol {
margin-top:10px; margin-bottom:10px;
}

.wg-navbt img {
border:0;cursor:hand;
}
#dhtmltooltip {
position: absolute;
width: 150px;
font-family:Trebuchet MS;
font-size:11px;
padding: 2px;
visibility: hidden;
z-index: 100;
border-style:solid;
border-width:1px;
border-color:#000000;
background-color:#FFFFDD;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

je compte sur vous