<ul id="MenuBar1" class="MenuBarHorizontal">

 

  <li><a class="MenuBarItemSubmenu" href="#">Item 1</a>

 

      <ul>

 

        <li><a href="#">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="#">Item 2</a></li>

 

  <li><a class="MenuBarItemSubmenu" href="#">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 title</a></li>

 

        <li><a href="#">Item title</a></li>

 

      </ul>

 

  </li>

 

  <li><a href="#">Item title</a></li>

 

</ul>

 

<script type="text/javascript">

 

<!--

 

var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});

 

//-->