Hi, I´m having a similar problem and tried to solve it but without success.

Here´s my menu:

<div class="art-nav">
<div class="art-nav-l"></div>
<div class="art-nav-r"></div>
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
<portal:SiteMenu ID="SiteMenu1" runat="server" UseTreeView="false" HideMenuOnSiteMap="false" Direction="Horizontal" TopLevelOnly="true"></portal:SiteMenu>
</div>
</div>
</div>
</div>

And here´s what I see in view source:

<div class="art-nav">
    <div class="art-nav-l"></div>
    <div class="art-nav-r"></div>
<div class="art-nav-outer">
<div class="art-nav-wrapper">
<div class="art-nav-inner">
   

<div class="AspNet-Menu-Horizontal" id="ctl01_SiteMenu1_ctl00">
        <ul class="art-menu">
            <li class="active">
                <a href="/TestSite/home.aspx" class=" active">
                    <span class="l"></span><span class="r"></span><span class="t">Home</span></a>
            </li>
        </ul>

</div>

</div>
</div>
</div>
</div>

Thanks for your help.

Hi Joe and thanks for the reply.

I build the skin again based on artisteer-24verticalmenu1 from mojoportal-2-3-6-6 and it works whithout having to change anything, but now the menu is not centered as in index.html. It´s rather on the far left.

I tried .art-nav-inner {float: right !important; } or .art-nav-outer {float: right !important; } without success.

Here´s the markup:

<div class="art-nav">
                    <div class="art-nav-l"></div>
      <div class="art-nav-r"></div>
                       

<div class="art-nav-outer" id="ctl01_SiteMenu1_ctl00" style="float: left; ">
  <ul class="art-hmenu static" tabindex="0" style="position: relative; width: auto; float: left; " role="menubar">
   <li role="menuitem" class="static" style="position: relative; float: left; ">
    <a href="/TestSite/home.aspx" class="active static" tabindex="-1">
     <span class="l"></span><span class="r"></span><span class="t">Home</span></a>
   </li>
  </ul>

</div>

Thanks