I've had a couple of people say that this navigation menu is not working in IE9 or IE10, But I cannot figure out why.

 

Does anybody have any ideas?

 

http://theinductor.co.uk

You could try moving this line

<!--[if gte IE 9]> <script type="text/javascript"> Cufon.set('engine', 'canvas'); </script> <![endif]-->

to after your cufon call

 

try that and I'll have another look

Thank

 

You could try moving this line

<!--[if gte IE 9]> <script type="text/javascript"> Cufon.set('engine', 'canvas'); </script> <![endif]-->

to after your cufon call

 

try that and I'll have another look

Thank you for your reply, I've updated this

Can you change these two lines in the css

 

#menu > ul > li > div {
	left: -9999px;/*changed from display none*/
	background: #FFFFFF;
	position: absolute;
	border-top: 1px solid #cbcfd0;
	z-index: 5;
	padding:5px 0 5px 0;
	margin-left:10px;
	margin-top:0px;
	opacity:0.8;
	background-color: #334048;
}
#menu > ul > li:hover > div {
	left:0;/*changed from display table*/
}

I've got a feeling the cufon doesn't like the dropdown on display none so we'll try using position to hide it

Edited June 27, 201313 yr by mteam

Can you change these two lines in the css

 

#menu > ul > li > div {
	left: -9999px;/*changed from display none*/
	background: #FFFFFF;
	position: absolute;
	border-top: 1px solid #cbcfd0;
	z-index: 5;
	padding:5px 0 5px 0;
	margin-left:10px;
	margin-top:0px;
	opacity:0.8;
	background-color: #334048;
}
#menu > ul > li:hover > div {
	left:0;/*changed from display table*/
}

I've got a feeling the cufon doesn't like the dropdown on display none so we'll try using position to hide it

Now trying this.

Thats working now just put your doctype as the first thing in your html and it will stop IE kicking into compatibilty mode