Selectmenu: changed button to inline element

Author: fnagel

demos/selectmenu/default.html

@@ -29,6 +29,7 @@
 	<style>
 		form { margin: 100px 0 0 0 }
 		fieldset { border: 0; }
+		label { display: block; }
 		select { width: 200px; }
 		.overflow ul { height: 200px; overflow: auto; }
 	</style>

tests/visual/selectmenu/disabled.html

@@ -50,6 +50,7 @@
 	<style>
 		form { margin: 100px 0 0 0 }
 		fieldset { border: 0; }
+		label { display: block; }
 		select { width: 200px; }
 		.overflow ul { height: 200px; overflow: auto; }
 	</style>

tests/visual/selectmenu/events.html

@@ -38,6 +38,7 @@
 	<style>
 		form { margin: 20px 0 0 0 }
 		fieldset { border: 0; }
+		label { display: block; }
 		select { width: 200px; }
 		.overflow ul { height: 200px; overflow: auto; }
 	</style>

tests/visual/selectmenu/option.html

@@ -30,6 +30,7 @@
 	<style>
 		form { margin: 20px 0 0 0 }
 		fieldset { border: 0; }
+		label { display: block; }
 		select { width: 200px; }
 		.overflow ul { height: 200px; overflow: auto; }
 	</style>

ui/jquery.ui.selectmenu.js

@@ -109,7 +109,7 @@ $.widget( "ui.selectmenu", {
 			});
 
 		// wrap and insert new button
-		that.newelementWrap = $( '<div />' )
+		that.newelementWrap = $( '<span />' )
 			.append( that.newelement )
 			.insertAfter( that.element );	
 	},