Menu: float .ui-menu since all .ui-menu-item elements are floated. Fixes #5691 - wrong menu size calculation in webkit browsers (Autocomplete).

Author: scottgonzalez

tests/visual/menu/drilldown.html

@@ -250,7 +250,7 @@ <h3>Make a selection...</h3>
 	<a href="#">Go back</a>
 </div>
 
-<div class="ui-widget" style="margin-top:2em; font-family:Arial">
+<div class="ui-widget" style="clear: left; margin-top:2em; font-family:Arial">
 	Log:
 	<div id="log" style="height: 400px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
 </div>

tests/visual/menu/menu.html

@@ -109,7 +109,7 @@
 	<li><a href="#">Amesville</a></li>
 </ul>
 
-<div class="ui-widget" style="margin-top:2em; font-family:Arial">
+<div class="ui-widget" style="clear: left; margin-top:2em; font-family:Arial">
 	Log:
 	<div id="log" style="height: 400px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
 </div>

themes/base/jquery.ui.autocomplete.css

@@ -26,6 +26,7 @@
 	padding: 2px;
 	margin: 0;
 	display:block;
+	float: left;
 }
 .ui-menu .ui-menu {
 	margin-top: -3px;