Dear danshang

Is it the solpartmenu that you are using?
You can ofcourse always set paddings...

Or, use the seperatorclass for instance... or the other possibilities of the different separators.

leftseparatorcssclass	No default css class set
leftseparatoractivecssclass	No default css class set
leftseparatorbreadcrumbcssclass	No default css class set
separatorcssclass	No default css class set
rightseparatorcssclass	No default css class set
rightseparatoractivecssclass	No default css class set
rightseparatorbreadcrumbcssclass	No default css class set

But you must also know that there are no default css class are set for this. You must upload it with .xml or directly in your control acsx file of your skin.
Please read the skinning documentation.

---

Vriendelijke groeten
Gilbert Vanden Borre

Dear danzhang

A separator between two menuitems don't need a mouse over event. Because clicking on the separator has no effect for the user.
Of course you can set paddings, for instance:

.MainMenu_MenuItem {
   padding-left: 4px;
   padding-right 4px;
}

But when you want to have more space between menuitems?

Use the separotorcssclass, for instance the class: RtMnItMiSprt (RootMenuItemMiddleSeparator) [you must define it (html + .xml) or within your ascx control]:

.RtMnItMiSprt {
   width: 10px;
   background: transparent url(RtMnItMiSprt.gif) repeat-x 0 0;
}

  Hope this will help.

---

Vriendelijke groeten
Gilbert Vanden Borre