Hi everyone.

Im having problems with using imageURLs in CSS in my custom modules.

More specifically when i use something like:

 <style type="text/css">
a.backButton
{

    display:block;
    background-image: url(images/back-button.gif);

    height: 20px;

    width:20px;
}

</style>

Its impossible for me to get the image. Ive tried all possible combinations i can think of to try to get to the image file. I use Firebug so i know its not finding the image.

One thing i also tried was adding this class (backButton) to the skin.css, and adding the images the images folder of the skin. But for some reason when i then run the website I see the <a> elements have completely disappeared. When this happens Firebug shows these <a> elements in the code, but they are grayed out.

Has anyone used images in a custom module using css?

Paul