Help to add link separator inside Category box

I have been trying to add separators for each links under category. So category box looks like the information box. I got the lines covering up the links. And, they don't go all the way from left to right.

Please advise if there is a way to do this in css or I need to go in the code to put these links in a list.

Thanks!

Joan

Here is the link to show...
http://www.elkkids.com/store.

If you give .Catagories and .Information the same styles they will look the same.

Find .Catagories and move it into the same sections as the .Information.

There will 4 to look for. .Catagories, .Catagories a, .Catagories a:hover, and .Catagories a:active.

I wish it is that straight forward.

First of all, there is no div named "Information". The information section is in class: leftBoxContainer.

All the links in "Information" are in an <ul> comparing to the links in Categories are just plain links in div, not formated.

Is there a work around other than me overriding the source code?

Thanks!

Try this:

.category-top a {
border-top: 1px solid #000;
}

clydejones:

Try this:

.category-top a {
border-top: 1px solid #000;
}

Have tried that already. It doesn't do anything at all.:no: Any other suggestions?

Thanks!

I also would appreciate if somebody could tell me how to add an separator that separates the categories in two ... just like the default one between categories and ```
"Specials ...
New Products ...
Featured Products ...
All Products ..."

please ? nobody wants o help ?