CSS Fly Out sidebox or at least display category link as block on mouseover ?

I recently downloaded the CSS Fly out categories sidebox contribution.

I can get the fly-out subcategories working in I.E. without too much trouble by manipulating the width & margin definitions within the new sidebox CSS stylesheet to match the column width definitions within my Admin Layout Settings. However, the sideboxes then dont display properly within Firefox.
Am I missing something obvious?

Alternatively, all I really wanted to achieve was to get my sidebox categories to dipslay as a block on mouse-over but I can't find the class identifier to differentiate sidebox links from other links on the pages.
Can anyone point me in the right direction, please.

Phil

Do not know or understand "display as a block"???

if you want to style different action colors for the categories side box aver te defautle "a" descriptions that apply globally. You can take direct control of them with :

a.category-top
a.category-products

expand for hover, active, visited etc.

Many thanks.

That is a great help to getting to grips wih the stylesheet.

I am now able to give my categories a different style to other links. I was hoping to use the 'display: block' line within the link attributes to make the backgound-color exrtend to the full width of the sidebox.
It does work, but there are problems because the category count does not seem to be included in the 'block'

Any thought on how to overcome this?

Regards

Phil:D

As every install can have subtle differences it assists if you provide a url to see what you are attmepting

I am looking for the same kind of effect.

Here are the URLs:

http://www.elkkids.com
This is the effect I am trying to achieve. Please move the mouse over the any of the links on the left side box. You will see links get an underline and the whole block color changed.

http://www.elkkids.com/store
I am trying to get the effect as above. The problem is under categories, all the links are individual links they are not in <ul><il>.

I am not sure it is possible without changing html in this case.

My second problem is that mouse over (hover property) the <UL><il> links under information section on http://www.elkkids.com/store only changes block color partially.

Any help will be appreciated!!!

Need to clarify the first problem. I was not able to extend the separator for each link from left to right. I was also not able to put extra padding on top and bottom of each link that may the reason that underlines not showing on hover.

I think that's it...

Thanks!

Thanks

The url is http://www.thepictureparlour.com

this currently shows two different link styles in the sideboxes. I wanted to use the 'display: block' instruction in the categories, but if I do the cat. count isn't included and the count number is sent round onto a separate line.

Thanks

Phil

PS. the site isn't live at present but I've activated it to show the problem.

Phil