Suckerfish - unstable in I.E

[duncansweetland]

Hi,

Sorry to bother you all but I seem to have run into an awkward problem and I would be extremely greatful if anyone could help me.

www.duncansweetland.com/development/menu_problem/menu_problem.html

I am attempting to code up a design generated by an individual and he is very specific that no sizes are to be changed in his precious design.

The navigation uses son of suckerfish menu (3 levels) with the second and third levels launching to the right of the previous column - somewhat bizzarely! The nav elements consisting of font-size: 11px and a line-height: 12px and a 1px gap between each element - which as you can imagine is quite small (too small in my opinion but he won't change it!)

And while firefox has no problems navigating back through the nested lists,
Internet Explorer is going insane - with sub-menu's dissappearing as you scroll down through them or as you try to launch them, making the whole thing completely un-navigable.

I produced a bigger version : font-size: 12px and a line-height: 20px and a 1px gap between each element - which was stable in both I.E and Firefox as a soloution - but he was insistant that these sizes are way too big and that the sizes should remain as he set them.

If anyone could provide me with a soloution / tell me where I am going wrong or suggest any alternative methods that would facilitate the same conclusion I would be truly delighted to hear from you - please get in touch even if it is just to tell me it's unfixable and a new soloution needs to be found.

Thanks in advance,

Duncan Sweetland

[WebJoel]

I seem to recall something about having to set font-size:1%; in the STYLE or something like that... a bizarre yet strangely workable situation. The font will declared a normal pixel-value at the li-level, but this 're-sets' the font to nearly-nill and corrects some assumption that IE makes...

Let me research my notes and I'll try to get back here later...

-J

[duncansweetland]

Thanks - Any help would be apreciated- when the fonts are larger there isn't a problem - the mouse just seems to be having an issue with 2nd and 3rd levels almost as if it were having trouble finding the hotspots for the links - it's all quite weird really!

[WebJoel]

... almost as if it were having trouble finding the hotspots for the links ...

That might be something else! :rolleyes: -Have you tried giving the li a "line-height:1.0em;" in the STYLE? That will re-set the 'height' of any size text to the 'maximum alowed for that particular font-size'. In short, if the text is 10-px high, the line-height is 1.0em. If the font-size is 20px, the line-height is also 1.0em. -It's bigger, but only proportially so to the relative height of the font...
Try that.
I'm still looking for that thing about font-size (I think it was about font-size... something to do with IE and text that is 'smaller than a certain size'...)

[duncansweetland]

Hi and thanks to all who tried to help me in relation to the Suckerfish Menu problem - I have found a soloution and it was quite simple really -

I had forgotten to apply backgrounds to the #nav li, #nav ul li elements - this meant that each time the cursor hopped between the spaced elements it came into contact with the background and thought that the menu had been exited.

Thanks again for your help - Duncan