I have the following CSS code for my navigation bar:
#footer-navigation {
background: #1841c8 url(\'../images/nav_background.gif\');
height: 40px;
padding:
try setting MEDIA_ROOT
in your settings to where the image lives and then use
{{ MEDIA_URL }}nav_background.gif
EDIT:
Jakub Gocławski is right. It would appear your issue is that the image does not exist where you think it exists. If you're still having a problem let us know what you get when you visit localhost:8000/< the path to the image > .