View Single Post
Old 09-21-2010, 04:20 AM   #1
herschen
 
Join Date: Sep 2010
Posts: 2
Default Spry Menu Bar Vertical - IE 8 & 9

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":
Code:
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:
Code:
/* 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.

herschen is offline   Reply With Quote