CSS Question

I just started using css today. I found a really good tutorial that is very step by step and basic. When I added an image to my css in the header, it would not work. If it was just a color background, then it worked. Here is the css code that I used. Google Chrome is my browser.

This is the tutorial I used.

http://www.2createawebsite.com/design/css-tutorial.html

#container {

width: 900px

}

#header {

width:900px;
height: 100px;
background-image: url(images/bookan1.gif);
border-bottom: 2px solid #FFCC66;

}

#leftnav {

float: left;
width: 140px;
height: 400px;
background-color: #FFFF99;
border-right: 1px dashed #FFCC66;

}

#rightnav {

float: right;
width: 140px;
height: 400px;
background-color: #FFFF99;
border-left: 1px dashed #FFCC66;

}

#body {

width: 620px;

}

#footer {

clear: both;
background-color: #FFFF00;

}

 

Right so is this code the code that you are using after you edited it or before?
I <3 CSS

 

That is the code that I used that had the image, and it didn't work. The code that I used that had the background color that worked is

#container {

width: 900px

}

#header {

width:900px;
height: 100px;
background-color: #FFFF00;
border-bottom: 2px solid #FFCC66;

}

#leftnav {

float: left;
width: 140px;
height: 400px;
background-color: #FFFF99;
border-right: 1px dashed #FFCC66;

}

#rightnav {

float: right;
width: 140px;
height: 400px;
background-color: #FFFF99;
border-left: 1px dashed #FFCC66;

}

#body {

width: 620px;

}

#footer {

clear: both;
background-color: #FFFF00;

}
__________________

 

#Header is missing from that one :S

 

Thanks for the help. It took me a little bit to catch on, but I got it now.

Once I caught onto the CSS, the rest was pretty easy. This is the end product.

http://willieearlsims.bravehost.com