title: jQuery UI Combobox max-width option
body: <p>I'm having this problem where a floating widget I'm designing, which contains the jQuery UI combobox, allows content to wrap right off the side of the screen. I can't seem to control the actual width of the menu container jQuery UI creates on the fly. I've read about a few other options including the "open" event which is supposed to fire when the combobox is opened, but I'm not having any luck getting that to work either.</p>
  
  <p>Here is a fiddle of what I have...<a href="http://jsfiddle.net/farina/RDd3A/14/" rel="nofollow">http://jsfiddle.net/farina/RDd3A/14/</a></p>
  
  <p>It illustrates a small snippit of code from my widget. As you can see the widget will be right aligned, and floating using absolute positioning from an initial relative item. Everything else works as expected, I'm just struggling to keep the "options menu" within the bounds of the widget container.</p>
  
  <p>You'll notice on first click of the drop down arrow, the menu container blows out the side of the page. It works even worse when it's not inside the jsFiddle viewer.</p>
  
  <p>Any help is greatly appreciated as this is driving me crazy!</p>