Footer isn't centered

At the bottom of the website it appears as if the footer isn't centering.


http://www.organicgardencafe.com/index.php



This is the css for the footer.

#footer{
text-align:center;
height:30px;
width:980px;

}



Probably a simple fix, but I can't catch it.

To center an element you need three things:

a valid DocType
an element with a width
that elements left/right margins set to auto

Try making your CSS look like this - #footer {
text-align:center;
height:30px;
width:980px;
margin: 0 auto;
background: #ff0; /*just for demonstration*/
}

Thank you. I just had to add and the footer centers perfectly now.
margin: 0 auto;

Very cool. Looks much better.
Is that your site? It's interesting, I sent it to my sister who is a vegetarian.