View Full Version : accordion menu-extra space between items in IE

10-04-2010, 04:52 PM
1) Script Title: Glossy Accordion Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm

3) Describe problem: in Firefox, the headers have no space between them (which is why I love this script) In ie7 there is a wide white space above the second multiple header and I can't get rid of it.

is there a hack we can apply to close up that space?

thanks so much, Kathy:):)

10-05-2010, 09:09 PM
The issue basically boils down to the width of each A element inside the menu being set to "auto". IE7 requires an explicit width. Inside the .css file, try adding the line in red to the following code:

.glossymenu a.menuitem{
background: black url(glossyback.gif) repeat-x bottom left;
font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
*width:100%; /* targets IE6 and 7 */
padding: 4px 0;
padding-left: 10px;
text-decoration: none;

10-08-2010, 06:54 PM
This was driving me crazy. It wasn't showing up in all IE browsers, even across IE8 on different computers. Of course, it DID show up on the machine where i planned to present the new website. Thanks for posting the fix!!!