Could anybody help me out with this the hover doesn't work in IE7 first time I've tried cufon so could be a basic error by me, I've googled but cant find a solution

 

I'm using xhtml strict doctype

 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/HelveticaNeue_LT.font.js" type="text/javascript"></script>
		<script type="text/javascript">
		Cufon.replace('h1');
		Cufon.replace('h2');
		Cufon.replace('.con');
		Cufon.replace('ul#nav li a', {
		hover: true
		});
</script>

 

<ul id="nav">
<li><a>home</a></li>
<li><a>services</a></li>
<li><a>gallery</a></li>
<li><a>video</a></li>
</ul>

 

ul#nav li a{font-size:22px;padding-bottom:5px;margin:0 10px;}
ul#nav li a:hover{color:#ff6600;}

 

Tia

complete your links. Just tried it and once you complete the <a> with <a href.. it works fine.

Cheers Zed

 

I new it would be a daft error by me