How to use "background-image" correctly?

Question

This command below is what I use in the current MENU of my Blog, however I would like to change the look and put a background image in the MENU. how do I do this using "background-image"? where do I save the image to be searched for by the command? how to know the image directory?

#PageList1 ul {
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;

Answer 1

Thanks for the attention friend... I’ve managed to solve by hosting the image here: http://www.freeimagehosting.net/upl.php, and copying the URL of it.

Answer 2

level exits and enters img folder

PageList1 ul {
   border-top: 2px solid #ccc; 
   border-bottom: 2px solid #ccc; 
   background-image: url("../img/remove-icon-small.png") !important;
}

same css file level and enters img folder

PageList1 ul {
   border-top: 2px solid #ccc; 
   border-bottom: 2px solid #ccc; 
   background-image: url("/img/remove-icon-small.png") !important;
}

same level of css without entering any folder

PageList1 ul {
   border-top: 2px solid #ccc; 
   border-bottom: 2px solid #ccc; 
   background-image: url("remove-icon-small.png") !important;
}

You should consider the image url according to the folder structure if the image is on the same root as the css file then disregard putting ../ so on and so forth.