[SOLVED] how to set different hover backgrounds for different categories (?)

[SoloWeb]

Dear members, hi:

I use HomeFeaturedProducts module to display some featured products on my home page shop. I want to use different hover background color for different categories. I've tried many many suggestions to achieve that with no succeed at all.
the best help is presented here http://www.prestashop.com/forums/viewthread/41013/ by dear moderator rockey, but I can't customise it for my needs.

the codes are as follows...

in homefeatured.tpl I put

...

 

..

and in homefeatured.php I've changed

...

if ($_GET['id_category'])
   $category = $_GET['id_category'];
else if ($_GET['id_product'])
{
   $productObj = new Product($_GET['id_product']);
   $category = $productObj->id_category_default;
}

$smarty->assign('category', $category);

...

and my global.css is like

...

#center_column div.products_block .hover_bg_1 {
   ...
   background-color: #345c66;
       ...
}
#center_column div.products_block .hover_bg_2 {
   ...
   background-color: #99bb11;
       ...
}
#center_column div.products_block .hover_bg_3 {
   ...
   background-color: #00cc66;
       ...
}

...

but the last thing I can get [cheked it with FireBug] is

So, please how can I solve this problem?

[SoloWeb]

any one has idea?

[SoloWeb]

ok, I solve the problem by myself! I should have looked at java scripts!