Thank's a lot!! I'm really surprised for the support!!!
It is almost correct. I repost my code, I try to correct some details.
You can look at the picture, you will see that the "portfolio" and "equipement" seem's lower.
I can live whit the ">" sign, but my main concern to publish my site is that I want the menu align to the right.
Like you said to me, it is maybe a template problem!!??
(sorry for my english I'm a french Canadian user)
www.lefrogtograff.com
Here is my code modified:
#{$id} LI.ux-menu-item-level-0
{
width: 100px;
border-style: none !important;
}
LI.ux-menu-item-main A.ux-menu-link-first
{
border-radius: 5px 0 0 5px;
border-style: none !important;
}
LI.ux-menu-item-main A.ux-menu-link-last
{
border-radius: 0 5px 5px 0;
border-style: none !important;
}
.ux-menu-vertical LI A.ux-menu-link-first,
.ux-menu-sub LI A.ux-menu-link-first
{
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border-style: none !important;
}
.ux-menu-vertical LI A.ux-menu-link-last,
.ux-menu-sub LI A.ux-menu-link-last
{
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
border-style: none !important;
}
.ux-menu-vertical LI A.ux-menu-link-first.ux-menu-link-last,
.ux-menu-sub LI A.ux-menu-link-first.ux-menu-link-last
{
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border-style: none !important;
}