Why are the background images in my absolutely positioned div not displaying?

I can't figure out 开发者_Python百科why my background images in my absolutely positioned divs aren't displaying. I'm using firefox, but also in Chrome.

Pariticularly odd is that when viewing the page with the web developer toolbar's Edit CSS dialogue open, the images appear.

The images in question are a div with an id of "joel-image" and the nav items.

http://joelglovier.com

The paths in css are relative to the actual css file .. not the html page..

so your path should either be ../img/joel-image.jpg or better /img/joel-image.jpg

Currently your css file is in /css folder, so the background image property of url(img/joel-image.jpg) translates to /css/img/joel-image.jpg which is wrong ..

The request the browser is making to the image, is returning a 404. So the path to your image is wrong. Double check it. Try an absolute path.