IE menu issues

I have recently created a vertical menu using CSS menu writer. The menu works okay in Firefox and safari unfortunately it is not working in Internet Explorer.

The menu is only showing the top and bottom menu options, it is hiding the rest.

Please look at welcometoklaidescope.html

Am I missing code?

Any assistance would be much appreciated

some of the menu writer code has been removed from this page.


Just before :
<div id="imagebutton">



there should be a javascript block:

<script type="text/javascript">if(window.attachEvent) { window.attachEvent("onload", function() { cssmw.intializeMenu('cssmw',{select_current: 1, orientation: 1}); }); } else if(window.addEventListener) { window.addEventListener("load", function() { cssmw.intializeMenu('cssmw',{select_current: 1, orientation: 1}); }, true); }</script>

Will this fix the problem? Other than the missing code, was the rest of the code okay?

I believe it should fix the problem, if not, let us know and we will look into the issue further.

I did not see any issues with the rest of the code.

I have inserted the code but unfortunately it did not work.

Have you any more suggestion?

Kind regards

Matt

Originally Said By: Jason Byrnes

  I believe it should fix the problem, if not, let us know and we will look into the issue further.

I did not see any issues with the rest of the code.  

Any joy on the problem

the issue is caused by the way you hand edited the menu

you have created a new <ul> around each top level menu item:
<ul class="level-0" id="services">

<li class="parent"><a href="#">Services</a>



this is not necessary.

there is already a parent level 0 UL at the beginning f the menu. Each top level menu item is a part of that UL, you do not need to create a new UL.


you should use the menu writer wizard to create the menu structure for you rather than trying to hand code it.

The reason I hand coded was because I had to create multi colored levels. As you will see from the menu.

Is there a way of altering what I have done instead of creating a new menu. Is there a way of creating a menu with different coloured level even

to create the multi colored effect, you would apply inline styles the <a> elements


<li><a href="mypage.html" style="background-color:red">my page</a></li>