Index: typo3/js/modulemenu.js =================================================================== --- typo3/js/modulemenu.js (revision 3236) +++ typo3/js/modulemenu.js (working copy) @@ -53,7 +53,20 @@ */ registerEventListeners: function() { $$('#typo3-menu li.menuSection div').invoke('observe', 'click', this.toggleMenu); + if(Prototype.Browser.IE) { + //mouseenter and mouseleave are only available but thats our target + $$('#typo3-menu li.menuSection li').invoke('observe', 'mouseenter', this.toggleHoverClass); + $$('#typo3-menu li.menuSection li').invoke('observe', 'mouseleave', this.toggleHoverClass); + } }, + + /** + * toggles the hover classname for IE menu hover support + */ + toggleHoverClass: function(event) { + var menuItem = Event.element(event); + menuItem.toggleClassName('hover'); + }, /** * toggles the associated submodule menu when clicking a main module header Index: typo3/css/modulemenu.css =================================================================== --- typo3/css/modulemenu.css (revision 3236) +++ typo3/css/modulemenu.css (working copy) @@ -50,17 +50,12 @@ } #typo3-menu li span.submodule-icon { - display: inline-block; - display: -moz-inline-box; + display: block; + float: left; width: 20px; vertical-align: top; } -/* IE needs a special treatment */ -* html #typo3-menu li span.submodule-icon { - margin-right: 3px; -} - #typo3-menu li ul li { font-weight: normal; width: 138px; @@ -71,17 +66,13 @@ height: auto; } -/* IE needs a special treatment */ -* html #typo3-menu li ul li { - height: 16px; -} - #typo3-menu li ul li a { text-decoration: none; display: block; } #typo3-menu li.menuSection li:hover, +#typo3-menu li.menuSection li.hover, #typo3-menu li.highlighted { background-color: #e3dfdb; } Index: typo3/sysext/t3skin/stylesheets/modulemenu.css =================================================================== --- typo3/sysext/t3skin/stylesheets/modulemenu.css (revision 3236) +++ typo3/sysext/t3skin/stylesheets/modulemenu.css (working copy) @@ -22,6 +22,7 @@ } #typo3-menu li.menuSection li:hover, +#typo3-menu li.menuSection li.hover, #typo3-menu li.highlighted { background-color: #d7dbe2; }