add image to category module

Sorry, I have a new problem.
My left hand module is a list of categories. I have added an image to it. So, I needed to move the text over to make space. The problem is, it has changed all the hikashop links, and they move over 26 px when you click on them.
I have done this with the following code

.hikashop_category_name a {
color: #F040A8;
font-size: 13px;
font-weight: bold;
padding-left: 26px;

Obviously this is incorrect, but I do not know how to sort it.

I have added a Module Class Suffix ss_stock to the module
So tried

.hikashop_category_name.ss_stock a

and
.hikashop_category_namess_stock a

but neither of these worked.
the attached image shows the top right hand column image moved over 26 px when I click on it.

Please give a link to your website so that we can help you. We can't debug CSS without seeing the website with Firebug.

Sorry the site is local. Here is an image showing firebug.

We can't debug CSS without seeing the website with Firebug ourselves. It's like trying to hit a target with the eyes closed. Please put a copy of the website online if you want us to be able to help you on this.

OK, I will look into doing this. I dont want to take down the site as it is for now, so will have to find out how to move it to a temporary location.

my site is now live at new.allyoucanbear.com/

Please can you help me with the above problem

The problem comes from the CSS code you added:
.hikashop_category_name a:hover, a:active, a:focus {
color: #F3D994;
font-size: 13px;
font-weight: bold;
padding-left: 26px;
}

You probably wanted to write:

.hikashop_category_name a:hover,.hikashop_category_name a:active,.hikashop_category_name a:focus {
color: #F3D994;
font-size: 13px;
font-weight: bold;
padding-left: 26px;
}

Thank you, but this did not help. I also had this code
.hikashop_category_name a{
color: #F040A8;
font-size: 13px;
font-weight: bold;
padding-left: 26px;
}
.hikashop_category_name a:hover, a:active, a:focus{
font-size:13px;
color:#F3D994;
font-weight:bold;
padding-left:26px;
}

I now have yours, but the problem is the same. The menu works perfectly. However, other elements are moving 26cm to the right when you click on them. For example, the images in the right hand column, and the imageson the product page as well. I cannot see what code would effect only the menu?

Many thanks

Sarah

I still see the code:
.hikashop_category_name a:hover, a:active, a:focus {
color: #F3D994;
font-size: 13px;
font-weight: bold;
padding-left: 26px;
}

in your CSS file. That's probably why it still doesn't work...

So sorry, silly me. I had updated my local template.