So I have added this really cool Slide Out Navagation thing on my website, but I cant seem to get the image part of it working in the CSS.

This is the website I used to implement the Slide Out:
http://tympanus.net/codrops/2009/11/...uery-tutorial/
This is what it is suppose to look like:
http://tympanus.net/Tutorials/FixedNavigationTutorial/

However, when I come to this part:
Code:
ul#navigation .home a{
    background-image: url(../images/home.png);
}
ul#navigation .about a      {
    background-image: url(../images/id_card.png);
}
ul#navigation .search a      {
    background-image: url(../images/search.png);
}
ul#navigation .podcasts a      {
    background-image: url(../images/ipod.png);
}
ul#navigation .rssfeed a   {
    background-image: url(../images/rss.png);
}
ul#navigation .photos a     {
    background-image: url(../images/camera.png);
}
ul#navigation .contact a    {
    background-image: url(../images/mail.png);
}
I cant figure out how to add the images I want.
On my website when I want to use a picture from the file manager on my website it looks like this.
Code:
<img src="resources/Info_Icon_Red.png" width="15px">
Any ideas as to how to load my images ?

Thank you for your time.
IG