PDA

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


herschen
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.

http://www.preshawaii.com/ie_problem.jpg

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

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

edbr
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