I've built a menu based off the tutorial by Soh Tanaka at
http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/.The menu works in Firefox, Chrome, Safari and even in IE. However IE8 gives the error:
"unexpected call to method or property access". I'm pulling the jQuery library from
http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js so I can narrow down the error. IE says the problem is at line 4075 character 5. That line is:
- this.appendChild( elem );
I've got Firebug installed in Firefox and I'm not getting any error at all. This only happens in IE8 (that I've tested) but the menu works fine. In fact all my jQuery elements are working.
In the page I'm using these plug-ins (listed in the order they are set in the page):
- jQuery 1.4.2
- jQuery UI 1.8
- CKEditor
- CKEditor Adapters
- BlockUI
- jQuery Form (for serializing forms)
- ColorBox
- HoverIntent
Any clues as to why IE8 is griping? Oh and if I have my document.ready() at the top of the page then the UI breaks. However putting the document.ready() at the end of the page works.