Background Disappears in Firefox..help?

[padme_]

Once again, Firefox escapes me. I dunno why. I used to use it before my laptop came around. X_X But now I have another dilemma.

http://www.brilliantcrimson.com/premades/grass/index.html

In IE, it looks fine. But in Firefox the bg just magically vanishes. It's the same way on my homepage, brilliantcrimson.com

Help, please? Thanks!

Code:

body {   
margin: 0;   
padding: 0;   
font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Sans-serif;   
font-size: 12px;   
color: #08050c;     
text-align: center;
background-color: #dcdd9b;
}

a {   
color: #766345;   
text-decoration: none; }   

a:hover, a:active {   
   color: #64675c;   
text-decoration:none; } 

h1
{border-bottom:6px solid #FFFFFF;
background-color:#c7d387;
padding-left:12px;
margin-bottom:0px;
margin-top:0px;
font-family: courier new;
font-style:none;
font-size:20px;
text-transform:lowercase;
line-height:20px;
color:#000000;}

h2
{border-bottom:1px solid #4e5b47;
font-family: bodoni;
font-style:none;
font-size:12px;
text-transform:lowercase;
letter-spacing:2px;
line-height:20px;
color:#000000;
text-align: center;
}

#topbanner {   
background: url(/premades/grass/images/grasstop.jpg) no-repeat;   
height: 313px; 
width: 565px;
margin: auto; 
}

#content {
   float: left; 
   width: 365px;
   text-align: left;
   padding-top: 10px;
   padding-bottom: 20px;
   margin-left: 40px;
}

#wrapper {   
padding: 0;   
background: url(/premades/grass/images/grassbg.jpg);
   margin: auto;   
   width: 565px;   
   text-align: center; 
}

#nav {

float: left;

width: 124px;
margin-left: 5px;

}



#nav ul {

margin: 0;

padding: 0;

list-style: none
}



#nav li a {

display: block;

height: 22px;

font-family: "Trebuchet MS", "Lucida Sans Unicode", Verdana, Sans-serif;

text-align: left;

font-size: 14px;

width: 124px;

margin: 0 2px 3px 0;

padding-left: 35px;
        padding-top: 0px;
padding-bottom: 0px;
}





#nav li a:link, #nav li a:visited {

background: url(/premades/grass/images/grassb1.jpg);

color: #FFFFFF;

}



#nav li a:hover, #nav li a:active {

background: url(/premades/grass/images/grassb2.jpg);

color: #FFFFFF;

}

[ethereal]

Try this:

Code:

#wrapper {   
padding: 0;   
background: url(/premades/grass/images/grassbg.jpg) center repeat-y;
   margin: auto;   
   width: 565px;   
   text-align: center; 
}

[padme_]

Aiie, didn't work. X_X Just moved the bg in IE, didn't show it in Firefox.

[ethereal]

Then how about try to change div style into table?  Maybe it will work better?
Um, maybe the coding is a little bit weird. 

I cannot determine which doctype of html you are using.  Are you using xhtml or HTML 4.0 Transitional or Strict? 

If you are using transitional.
<link rel="stylesheet" href="style.css" type="text/css" />  That back slash is extra.

[padme_]

Yeah, it's probably just transitional. I dunno where that came from. I think I just started with a copy, and kept copying and copying and copying...so yeah.

And about changing into tables, I honestly have no idea how to do tables. X_X

[ethereal]

Then I suggest that you have a knowledge of HTML before you encounter coding HTML.  If you cannot identify whether you are using html or xhtml...you are in trouble!!!

Keep copying and copying from other people's layouts will not help.  Try to spend some times to read the tutorials and have an idea of what you are doing.  That way it will be easier to fix troubleshoots later on. 

If you do not know how to do table, I can link you thousands of site for help but I'll will only list the site that are useful.  See what others have to say and code it yourself. 

I learn by the hardest way, I actually wrote down the code on papers (wasting papers), but then I learn it by retyping it on the computer. I'm not suggesting you to use my way, but how is it possible to help someone who have no knowledge about HTML?  I'm not trying to criticize you, I'm trying to state a point.  However, I would be glad to help you.

Here are some of the tutorials that you can use:
>> Lissa Explains Table
>> W3Schools
>> Reminiscent Tutorials
>> Celestial Star HTML and XHTML
>> Pootato-Coding A Layout