the site in question

This problem is for IE 6 only! Strangely it works in IE 7 and FF.

I have 2 JavaScripts on the frontpage of this site both doing 2 totally different things!
One is for the drop down menu and the other is for speech bubbles. I put the JavaScript for the speech bubbles in a seperate file and attatched it.
<script type="text/javascript" src="tooltip.js"></script>
The JS for the drop down menu is in the index file
<script type="text/javascript"><!--//--><![CDATA[//><!--

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", "");

If I put the attatched JS below the drop down menu then the drop down menu works but the speech bubbles dont work. Same thing happens if I switch them so the JS for the drop down menu is under the attatched JS then the speech bubbles work and the drop down menu doesnt.

The only browser thats giving me a problem is IE 6 now.. Any ideas people please?

Merry Christmas and happy new year!