It was working fine until I set a 1px border to the bottom, then my last item moved to another line. I tried removing the border and that did not fix the problem. I changed the width of the menu as well and that didn't work either. What am I missing? I have been working on this dang spry menu all day!
I don't now if this code helps, if you can't see the css:
<ul class="MenuBarHorizontal style10" id="MenuBar1">
<li>
<div align="center"><a class="MenuBarItemSubmenu" href="#">HOME</a>
<ul>
<li><a href="#">CONNECT</a></li>
<li><a href="#">Item 1.2</a></li>
<li><a href="#">Item 1.3</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="#" class="MenuBarItemSubmenu">COMPANY OVERVIEW</a>
<ul>
<li><a href="#">WHO WE ARE</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a class="MenuBarItemSubmenu" href="#">EVENTS</a>
<ul>
<li><a href="#">HIGH PROFILE</a> </li>
<li><a href="#">CHARITY</a></li>
<li><a href="#">CORPORATE</a></li>
<li><a href="#">PRIVATE</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="#" class="MenuBarItemSubmenu">CLIENTS</a>
<ul>
<li><a href="#">PRESS</a></li>
</ul>
</div>
</li>
<li>
<div align="center"><a href="#">SERVICE</a></div>
</li>
</ul>
mac:cs3
