Javascript error in xhtml validator

[jester_original]

Hi all,
Hope someone can help, i'm trying to validate my site in xhtml, the only page throwing an error is the index page javascript, it is part of the 'suckerfish drop down menu' i have used, it is as follows:

<script language="javascript" type="text/javascript">
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;

function changeSrc(page){
document.getElementById("content").src= page
}
</script>

the error i get is:
character "&" is the first character of a delimiter but occurred as data

if (document.all&&document.getElementById) {

i have replaced the && with the &amp; code which validates ok, but stops the nav from working.
Any help would be greatly appreciated

[mark_W]

You have the wrong forum. Either the javascript one or one of the design your site ones.

[jester_original]

oops
ta

[stymiee]

You need to use CDATA comments: http://www.codehouse.com/javascript/tips/xhtml/

<script type="text/javascript">
//<![CDATA[

alert("<This is compatible with XHTML>");

//]]>
</script>