That space to the right of the last item...

[Lisa]

All of the menu demos show the menu in full width with a blank spot to the right of the last menu item.  I want to shrink the size of my menu down and float it right but I can NOT get rid of that space, is there a way to make it go away?

Currently I have hid all the borders so it's not as noticeable but the gap over there is  bigger than on the left.  

Help?

Thanks in advance!

[Lisa]

I did this, in case anyone is interested. Or if anyone wants to tell me this is a bad idea and why.  

.k-menu .k-last
{
    margin-right: -4px;
}

(I have a width set to my menu in the div container it sits in, so the -4 is probably specific to my case)

[Mark]

This style may have something to do with it:

.k-menu:after /* clear fix to expand content */
{
    content: '\A0';
    display: block;
    width: 99%;
    height: 0;
    overflow: hidden;
}

Remove that and your space goes away.

[Kamen Bundev]

Hi,

Actually, it would be better if that rule stays in place, as it helps with Menu sizing. The non-breaking space in the content is to blame, remove it to avoid the 4px gap /float: inherit was added to avoid some weirdness in IE/:
.k-menu:after /* clear fix to expand content */
{
    content: '';
    display: block;
    width: 99%;
    height: 0;
    float: inherit;
    overflow: hidden;
}

The fix will be also available in the service pack.

Greetings,
Kamen Bundev
the Telerik team

[Asaf]

Can someone please upload an example?
Can't make it work even after the fix.

Thanks!

[Kamen Bundev]

Hi Asaf,

Then probably the issue you have is not the same as the one discussed. Can you open a new thread and post a sample page or a live URL where we can reproduce this issue and help you fix it?

Regards,
Kamen Bundev
the Telerik team