Suckerfish Dropdowns - Broken on IE8 Beta

After testing some websites on IE8 and realizing that some clients are going to call me pretty soon complaining about their website, I decided to give the Suckerfish Dropdowns a try since I use this technique on some of my menus with perfect results on all browsers, IE6 & IE7 included.

3.jpg

First, I went to the Vertical example (most of my menus are vertical so I wanted to give this one a try) and everything seemed normal. Then I decided to test the rollover since all my sites were doing crazy things on this function and this is how IE8 displays it:

2.jpg

Something with the z-index seems to be changed since now the text displays above the rollover, making the menu useless.

Well. at least I know all the crazy behavior I was seeing is not my fault, after all all the hacks that I’ve implemented to make the menu work inside my websites (where I have some other div, classes, scripts etc)  were working fine on the previous IE versions.

4 Comments »

  Jon Zuck wrote @ March 26th, 2008 at 7:20 pm

I’m having the exact same problem with my suckerfish menu at http://frimmin.com (I only use the menu on the interior pages). I still haven’t found a solution yet, although Sons of Ursidae http://css-class.com/articles/ursidae/ looks like it works decently in IE8.

  Seutje wrote @ July 16th, 2008 at 3:39 am

http://www.dagvaneuropa.be/

using suckerfish, works like a charm

but I tried to convert this website to a drupal backend, but now I’m getting a funky bug in IE beta 8:

the :hover or .sfhover only gets triggered when I put my mouse of the actual text of the menu, not the whole

I’ve tried to force the size of the and tags but the width on those 2 seems to be getting ignored on IE 8

can’t see what I did different in the static version :/

FYI, on the Sons of Ursidae page, it doesn’t say it was ever tested with IE beta 8, only up to 7

http://css-class.com/articles/ursidae/bears5ddh-kbaccess.htm states: Currently testing with IE 8 beta - Not working

  Seutje wrote @ July 16th, 2008 at 3:42 am

yeh, maybe I shouldn’t of put the tags in there

“… not the whole ”

“… tried to force the size of the and tags but the width….”

  Carlos wrote @ July 16th, 2008 at 9:44 am

“Currently testing with IE 8 beta - Not working” This is exactly our point. If you test this on firefox 2 it works as well as on firefox 3. But apart from needing a hack to work on IE6 it turns out that now it doesn’t work on IE8.

Your comment