View Full Version : Spry Menu Bar Vertical - IE 8 & 9

09-21-2010, 04:20 AM
I've got a problem with IE 8 & 9 (and also probably 7 & 6) using a Spry Menu Bar Vertical. I've identified that when I take out "background-color" from "ul.MenuBarVertical a":
ul.MenuBarVertical a
display: block;
cursor: pointer;
background-color: #EEE;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;

and take out "background-color" from:
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
position: absolute;
z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarVertical li.MenuBarItemIE
display: inline;
f\loat: left;
background: #FFF;

Internet Explorer shows a white box with 'false' in the corner on all submenus. I'm at wits end. I don't want a background color on the menu bar. Is this possible in IE? I tried just deleting the hack for IE (I don't care about people below IE 7), but that didn't work either.


09-21-2010, 04:56 AM
Can't you use transparent for the background color property?

09-21-2010, 06:24 AM
background: transparent; does not work. Thanks for the quick reply.

09-21-2010, 06:54 AM
hm got this from sitepoint but havent tried it
background-color: { color | transparent | inherit } ; comes with the warning might be buggy in ie7 and below