I'm trying to use SolPartMenu in a vertical fashion and have each menu item have a button look.  I thought that leftseparator and rightseparator would be what I should use, but I seem to be getting a new row in the menu table for each item.

Here is an image example:

My Skin.XML looks like this:

  <Object>
    <Token>[SOLPARTMENU]</Token>
    <Settings>
      <Setting>
        <Name>display</Name>
        <Value>vertical</Value>
      </Setting>
      <Setting>
        <Name>menualignment</Name>
        <Value>Center</Value>
      </Setting>
      <Setting>
        <Name>rootmenuitemcssclass</Name>
        <Value>MainMenu_RootMenuItem</Value>
      </Setting>
      <Setting>
        <Name>rootmenuitemselectedcssclass</Name>
        <Value>MainMenu_RootMenuItemSel</Value>
      </Setting>
      <Setting>
        <Name>separator</Name>
        <Value><![CDATA[&nbsp;]]></Value>
      </Setting>
      <Setting>
        <Name>leftseparator</Name>
        <Value><![CDATA[<img src="Button2Left.gif" />]]></Value>
      </Setting>
      <Setting>
        <Name>rightseparator</Name>
        <Value><![CDATA[<img src="Button2Right.gif" />]]></Value>
      </Setting>
      <Setting>
        <Name>userootbreadcrumbarrow</Name>
        <Value>false</Value>
      </Setting>
    </Settings>
  </Object>

The HTML file is pretty standard, so I don't know if that will be helpful, let me know if it would be.

I'd appreciate any help or advice you could provide.

Thanks,

Troy