How do I stop my subcategories from overlapping on my custom category sidebox?

I am adding sub categories but when i do it over laps the icon under it. SEE PICTURE. Is there a way to make the text push down farther so it looks uniform. Thank so you much! please help :(

We'll need a link to the site.

http://dev.anthill.biz/projects/testfiona/index.php?main_page=index&cPath=18

I can't see exactly what's happening, but the problem seems to be here:

div#categoriesContent a.category-top{
color: #FFFFFF;
height:25px;
display:block;
background-color:#333333;
margin-top:-14px;
padding:10px 5px 0px 5px;
text-transform:uppercase;
font-size:80%;
font-weight:normal;
text-align:center;
}

You're forcing the categories listing to certain heights and margins, which isn't allowing the subcategory expansion that Zencart does to happen. Place to start, anyway.

You are making the top categories display: block; but leaving subcats inline. Because there is a line break between the categories to make the stock inline items go to new lines, you need the negative margin-top to close up that space; but this covers up the inline subcat.

Your best bet for getting this kind of display to work completely right is to use a mod built to allow for it, like Categories Dressing, which will not require funky negative margins.