I have spent hours trying to figure out this module but I have finally reached the point where I am looking for assistance.

Because I have so many categories that change, I would prefer to have a standard background image and overlay the text on top. I think that it is possible. I just can't seem to figure it out. I do not think that I need to use the extra definitions file for what I am trying to accomplish.


I think I just want to use css. This is what I am using

#categories li a {
background-image: url(../buttons/english/catbg1.gif);
height: 30px;
}

#categories li a.catbg1 {
background-image: url(../buttons/english/catbg1.gif);
height: 30px;
}


#categories ul {/*top category lists*/
list-style: none;
background: none;
border: none;
margin: 0 0 0.4em 0;
padding: 0;
}


#categories ul ul {/*subcategory lists*/
list-style: none;
background: #ffeecc;
border: none;
margin: 0 0 0.4em 0;
padding: 0 0 0 1.3em;
}



Any help would be appreciated.

This is the website. http://www.stitchboutiqueboston.com