[buddypress-trac] [BuddyPress] #3362: Main navigation dropdown problem in IE7 and IE8

[buddypress-trac at lists.automattic.com]

#3362: Main navigation dropdown problem in IE7 and IE8
--------------------------------------+------------------
 Reporter:  mercime                   |       Owner:
     Type:  defect                    |      Status:  new
 Priority:  normal                    |   Milestone:  1.3
Component:  Theme                     |     Version:  1.3
 Severity:  normal                    |  Resolution:
 Keywords:  dev-feedback ux-feedback  |
--------------------------------------+------------------
Changes (by boonebgorges):

 * keywords:   => dev-feedback ux-feedback
 * severity:   => normal


Comment:

 The problem is #header { filter: ... } It appears that when filter or -ms-
 filter are set, IE overrides your implied or explicit overflow property,
 setting it to 'hidden'. If you remove the 'filter' declaration for
 #header, #header goes back to overflow: visible, and it works again.

 There are a few possible solutions:
 (1) Remove 'filter' and use only the CSS3 gradients. The header will be a
 solid color. (Or we can provide a gradient bg image, loaded conditionally
 on IE)
 (2) Add some dummy markup. Haven't tested, but from what I've read, the
 following should work: a #header-outer, wrapped directly around #header,
 and move the #nav out of #header and into #header-outer. Leave the filter
 on #header for the effect, and let #nav do what it's supposed to do now
 that it's no longer a child of #header
 (3) Leave it. Second-level menus will be inaccessible in IE

 Option 3 is clearly unacceptable. Option 2 sucks, because IMO the majority
 of users will not be using our default CSS anyway (they'll have a child
 theme), so we'll be adding crappy markup just for a small subset of
 installs. Furthermore, from what I've read, IE9 does not have the problem,
 which means that the lack of gradient in IE <=8 will be increasingly less
 consequential as time goes on. The downside is that you'll have pretty
 different appearance for users of IE, but this is pretty unimportant
 compared to navigation and proper markup.

 So that leaves option 1, in the absence of other ideas.

-- 
Ticket URL: <https://buddypress.trac.wordpress.org/ticket/3362#comment:5>
BuddyPress <http://buddypress.org/>
BuddyPress