I am new in DotNetNuke Development and I encountered a problem that frustrated me a lot recently.

In this image, the top two Solpartmenu button have submenus and the bottom three don't. We can see that the text on the top two button are slightly offset to the right. Once I add any submenu to the mainmenu, the text becomes offset.

I looked through all the skins and css files, but I really have no idea what causes that. Is there anyone knows how to solve this problme?

Thanks.

And, I know that in the DotNetNuke 4.8 there is a new feature called NAV. Could anyone give me some websites that teach how to setup and use NAV menu?

Thanks for the help.

I'm using ascx file and i did follow what you told me, but nothing happened. 

I put menurootarrowcssclass="MainMenu_RootMenuItemArrow" into my SOLPARTMENU area and put  .MainMenu_RootMenuItemArrow display:none;} into the css document. Then I uploaded these two files and refreshed pages several times, but the text is still offset.

Is there anyone know the reason of that?

Thanks.

Sure, here it is:

http://www.aevitas.co.nz.spwd.net.nz

The SMILE SOLUTION button (which is the only button that has submenus) appears a little bit offset to the right. As long as I add submenu to any of those mainmenus, the button becomes offset.