CSS für Mega-Menü in IE7

Question

Siehe http://jsfiddle.net/jN5G4/1/

Wie kann ich die „5 Spalten“ Menü wie die anderen Dropdown-Menüs auszurichten Dropdown?

Ich entfernte die <a href...> </a> Tags aus der 5 Spalten Listenelement und jetzt das Drop-Down-Menü, das von unterhalb dieses Elements herunterfällt über das Hauptmenü.

Answer 1

Der Grund dafür ist, dass einfacher Text nicht als Block-Level-Element registriert wird und sich Ihr Dropdown im Grunde vom oberen Teil Ihres Textes ausrichtet. Um dies zu beheben ist einfach Ihren Klartext in einem Block-Elemente wie ein p-Tag hinzufügen oder legen Sie es in einem span Tag, so stellen Sie sicher, dass es als Block angezeigt werden, etwa so:

CSS

#menu li span { 
    display:block; 
} 

HTML

<li> 
    <span>5 Columns</span> 
....