title: Telerik MVC Menu Control - Auto Width
body: <p>I am trying to use the Telerik MVC Menu control (as a button bar), but can't seem to be able to set the width to auto-generate.  What I mean is, the menu continues to the end of the DIV.  I would like the menu to only be as wide as the sum of the button widths.  Actually, the Telerik demo is doing the same thing as my menu is doing:</p>
  
  <p><a href="http://demos.telerik.com/aspnet-mvc/razor/menu/sitemapbinding" rel="nofollow">http://demos.telerik.com/aspnet-mvc/razor/menu/sitemapbinding</a>
  (Look at how the menu continues on to the right of "Other product lines").</p>
  
  <p>Here is my menu:</p>
  
  <pre><code>    @{ Html.Telerik().Menu()
              .Name("case-history-button-menu")
              .ClientEvents(events =&gt; events.OnSelect("onCaseHistoryMenuBarSelect"))
              .Items(menu =&gt;
              {
                  menu.Add()
                      .Text("Add a Response").HtmlAttributes(new { id = "cases-history-addresponse" } ); @*Sets the ID HTML attribute so we can access it *@
                  menu.Add()
                      .Text("Add a Comment").HtmlAttributes(new { id = "cases-history-button-addcomment" }); ;
                  menu.Add()
                      .Text("Back to Cases").HtmlAttributes(new { id = "cases-history-button-back" }); ;
              })
              .Render();
      }
  </code></pre>
  
  <p>I do realize that I could just hard code my width ... but as I add or remove buttons (programatically) I want the menu to resize.</p>