Ryan N wrote: > Hello all, > > In developing this menu I have encountered a problem with a couple different > implementations of the code. Everything look fine in Firefox, Opera, and > Safari yet IE (6 and 7) displays a 2-pixel gap underneath the <li> whenever > a second-level menu item contains and 3rd level menu. > > > My menu: > http://www.dangodang.com/projects/cssmenu/test_menu_3.html [...] > Suggestions are most appreciated. > > > Thank you, > Ryan
Ryan, the gaps are there in IE6 because doesn't like the absolute positioning you have used. Anyway bumping up the text in any good browsers cause overlapping because you have used absolute positioning and heights on many elements. You have also used IE conditional comments for the table elements. IE doesn't need any of this to have a functioning menu. Even Stu Nichol's main menu on his site doesn't use tables any more. CSS Play menus are not the best examples around. May I suggest following these links. http://www.tyssendesign.com.au/articles/css/dropdown-low-down/ or http://css-class.com/articles/ursidae/ Alan http://css-class.com/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
