BetterCategories -- Top Category Rollover Problem

I have installed the bettercategoriesezinfo mod. I just installed the categories part. Everything works fine in Firefox. But, in IE6, if I roll over the first category "Bird Baths" it doesn't highlight. Any idea why it doesn't work for this one category in IE6?

birdingdepot.com/index.php

Thanks for the help!!! :smile:

srturner47:

I have installed the bettercategoriesezinfo mod. I just installed the categories part. Everything works fine in Firefox. But, in IE6, if I roll over the first category "Bird Baths" it doesn't highlight. Any idea why it doesn't work for this one category in IE6?

birdingdepot.com/index.php

Thanks for the help!!! :smile:

If you scroll the page up so that this line just touches the top of the browser and then move the mouse over it you will see that it "magically works"
Its part of an IE bug that doesn't occur a lot, but when it does its annoying.
I did have a fix for this some time back I will try and find it.

PS: There is a bug also on the drop down menus in IE6
Providing there are no subcategories the rollover only works properly on the first line down.
Lines 2 and below only work when the cursor is over the text, not elsewhere in the box.
Scroll down the "information" and keep the cursor to the left of the text in the boxes.

Don't worry too much as this bug is at least consistant and occurs all the time

You are right! There is a bug with the drop-down menus in IE6. I wonder if this could be fixed by filling the rest of the menu with spaces and then centering the text. Then, there would technically be text throughout the whole menu, so it should hover fine..... Unfortunately, I wouldn't know how to implement this, but it sounds like it would work. :)

As for the category rollover for the first product problem, you are right; if you scroll down to just above it, it works fine in ie6. If you can track down how you fixed this before, I would greatly appreciate it! I'd like to work out as many kinks in my site as I can.

Thanks for the help Gilby!

Still working on this one....

But, I did find a lead; I just don't know where to go from here.

When I edit the css file for bettercategories and change it to "display:inline;" or simply just take out "display:block;" it will highlight all of the categories....

BUT.... This scruches them altogether, which makes it look worse than before.

Is there a way to do this without scruching them together? Also, when I use "display:inline;" ie6 will only highlight the words and the picture, it won't highlight all the way to the margin like it did before.

Any help would be greatly appreciated! :)

NEVERMIND!!!! Of course I find a fix right after posting this...

Here's how I fixed it for those who need this fix in the future:

Add "height:1%;" to stylesheet_betterCategoriesEzInfo.css -- Here's what it looks like:

.betterCategories a, .betterCategories a:visited,
.betterDocuments a, .betterDocuments a:visited,
.betterEzpages a, .betterEzpages a:visited,
.betterInformation a, .betterInformation a:visited,
.betterMoreinformation a, .betterMoreinformation a:visited,
.betterBestsellers a, .betterBestsellers a:visited {
display: block;
background-color: #eeeeee;
border-top: 2px solid #eeeeee;
padding: 4px;
height:1%;
}

Problem solved. :)