Category Issues

[EHeberline]

I'm really new to Zencart, and web designs all together so this could be a really easy fix that I am over looking. For some reason in my Categories Box the Individual Categories flicker and switch back and forth in Mozilla and Internet Explorer. In Mozilla they do not even work when clicked on. Im using a template, and have attempted to modify it on my own, i do not know if i may have messed something up in the stylsheet or what the issue is. Any input would be appreciated. Thank You.

Here is a link to my store:http://designsbylittlemrsliz.com/store/

Thanks..

[kobra]

Try switching to the classic template from your admin and see if this is template related

[EHeberline]

It is the template...when i changed it to the default template the issue went away. So is that a bad thing?? Fixable hopefully, I spent too long changing this template to something i liked. Or do you suggest not using that template?

[gjh42]

You will need to go back to the custom template so we can see exactly what the issues are, and hopefully a way to fix them.

[EHeberline]

lol...yep that would probably help sorry. :)

[gjh42]

Some of your stylesheet edits have created invalid rules which may cause everything following to be ignored, but your prime issue is that you have set the category hover to display: none;

.betterCategories a:hover, .betterCategories a:active,
.betterDocuments a:hover, .betterDocuments a:active,
.betterEzpages a:hover, .betterEzpages a:active,
.betterInformation a:hover, .betterInformation a:active,
.betterMoreinformation a:hover { display: none; }, .betterMoreinformation  { display: none; },
.betterBestsellers a:hover, .betterBestsellers a:active {
	background-color: #e7e0ca;
	color:#444;
	margin-top: 1px;
}

Delete the two commas in red, as they are incorrect for your current setup.

[EHeberline]

I really appreciate you taking time out to help me. I removed the commas, and removed the {display:none;} although I'm not sure removing it was the correct thing to do. Should i change it do something else because the issue seems to still be there? Again thank you.

[kobra]

You have this

.betterCategories a:hover, .betterCategories a:active,
.betterDocuments a:hover, .betterDocuments a:active,
.betterEzpages a:hover, .betterEzpages a:active,
.betterInformation a:hover, .betterInformation a:active,
.betterMoreinformation a:hover .betterMoreinformation  { display: none; }
.betterBestsellers a:hover, .betterBestsellers a:active {
	background-color: #e7e0ca;
	color:#444;
	margin-top: 1px;
}

It should be

.betterCategories a:hover, .betterCategories a:active,
.betterDocuments a:hover, .betterDocuments a:active,
.betterEzpages a:hover, .betterEzpages a:active,
.betterInformation a:hover, .betterInformation a:active,
.betterMoreinformation a:hover .betterMoreinformation, 
.betterBestsellers a:hover, .betterBestsellers a:active {
	background-color: #e7e0ca;
	color:#444;
	margin-top: 1px;
}

[EHeberline]

:) Thank You SOOOOOOO much!! You guys are all awesome, the issue is fixed. Have a great day!!