On 6/30/10 11:36 AM, Jennifer Nickerson wrote: > Hi All, > > Helping a friend out with developing a dropdown menu for a client. > The dropdown menu is positioned correctly in FF, Safari, IE8& 7 with > the help of some relative and absolute positioning along with giving > "#nav ul li a" a negative left margin (so it would sit underneath the > correct top menu item). > > However, in IE6, the dropdown menu is a) positioned too far right so > it appears under the NEXT menu item and b) the first few letters of > the link are cut off. > > Since it works in most browsers, is there a conditional hack I could > put in the css file? > > Here's the page in question > http://www.legendinc.com/Pages/LegendAdvertising/LGNDPages/CourierStuff/DBK/DennisKBurke/public_html/index.html > > [...]
This is a guess - You have set a margin on your sub-menus, but have not zeroed out padding. Since IE adds a margin-left to UL, while other browsers add 40px of padding-left, you may have to zero out the padding-left and re-position for all browsers. If that does not work, I have found that IE often ignores the "normal flow" rule for absolute positioning--adding top and left declarations may help. Maybe IE 6 is ignoring the negative margin-left on the link? To target IE 6, try the "star html hack": http://en.wikipedia.org/wiki/CSS_filter#Star_HTML_hack BTW - I am using developer tools on Chrome on Mac OS X to check the CSS you apply. I notice a small gap above each sub-menu that causes all of them to collapse before I can reach them. Can't say why that gap exists, because it's not there in Firefox. P.S. Try using Firebug lite in IE. Cordially, David -- ______________________________________________________________________ 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/
