Suckerfish Menus - dodgy in I.E
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.
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!)
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,
someone else had same problem a few threads down, http://www.webdevforums.com/showthread.php?t=16153 solution seems to be declare the height of the menu div to 1px.
Font size is miles too small, it probably looks good on 21 inch screen, but 15 inch is next to impossible to read. If people cant read a web page they just close it. What is it with people these days thinking its cool to have font sizes just about big enough to read.?