Can you send a link to your page so I can take a look at the problem.
Hi Jason, the site is not live yet, still working on my local machine. Well I managed to trace the problem a bit. When I complie the menu, it wraps the "<a></a>" in "level-1 li" with a span tag e.g
Error:
<li class="parent link">
<span class="link">
<a class="link" href="#">Products</a>
</span>
<ul class="level-1">
<li class="link">
<span><a class="link" href="#">Services</a></span>
</li>
<li class="link">
<span><a class="link" href="#">Support</a></span>
</li>
</ul>
</li>
I now had to manually remove the span tags to get it to drop down. Nevertheless each time I recompile the menu, the span tags resurfaces.
Working:
<li class="parent link">
<span class="link">
<a class="link" href="#">Products</a>
</span>
<ul class="level-1">
<li class="link">
<a class="link" href="#">Services</a>
</li>
<li class="link">
<a class="link" href="#">Support</a>
</li>
</ul>
</li>
So how do I go about it and how do I overcome the restriction you just pointed out about IE 7 and below.
Secondly, I have this problem when I resize the browser window the menu wraps forming 2, 3 ... rows etc. I'll be glad if I can get help with this.