Menubar Sampe Issue on IE6

Question

Thanks for great framework, Spry Team!
I noticed some issue on menu bar sample.
Following sample works ok with FF, IE7 bt not for IE6.
Problem is alignment of sub level list is not inherited from
top level.
Hope this will be fixed in next release...
================
<style>
#mbar {
float:right;
clear: both;
#MenuBar5 li {
width: auto;
white-space: nowrap;
#MenuBar5 ul {
float:right;
width: auto;
#MenuBar5 ul li {
float: none;
background-color: transparent;
#MenuBar5 a.MenuBarItemSubmenu {
background-position: 100% 50%;
</style>
<div id="mbar">
<ul id="MenuBar5" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">Item
1</a>
<ul>
<li><a href="#">Longer Name for Item
1.1</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</li>
<li><a href="#">Longer Item
2</a></li>
<li><a class="MenuBarItemSubmenu"
href="#">Longer Still Item 3</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">Item
3.1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">Item 3.2</a></li>
<li><a href="#">Item 3.3</a></li>
</ul>
</li>
<li><a href="#">Item 4</a></li>
</ul>
</div>

Answer 1

Hi gyukwon,
You're talking about the horizontal alignment right? If so,
we've already fixed it. You can fix your version manually by
deleting this code at line 223 of the SpryMenuBar.js file:
if(!this.hasClassName(this.element, "MenuBarHorizontal") ||
menu.parentNode != this.element)
menu.style.left = menu.parentNode.offsetLeft + 'px';
Give it a try and let us know if that fixes the problem you
are seeing.
Thanks,
--== Kin ==--