Selectmenu: rework to use non-hidden original select, enables usage of native select menu

Author: fnagel

demos/selectmenu/default.html

@@ -13,9 +13,13 @@
 	<link rel="stylesheet" href="../demos.css">
 	<script>
 	$(function() {
-		$( "#speed" ).selectmenu();
+		$( "#speed" ).selectmenu({		
+			nativeMenu: true
+		});
 
-		$( "#files" ).selectmenu();
+		$( "#files" ).selectmenu({		
+			nativeMenu: true
+		});
 
 		$( "#number" )
 			.selectmenu()

themes/base/jquery.ui.selectmenu.css

@@ -22,6 +22,7 @@
 	overflow-x: hidden;
 }
 .ui-selectmenu-menu .ui-menu-item {
+	cursor: pointer;
 	padding: 0.3em 1em;
 }
 .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
@@ -41,6 +42,14 @@
 	overflow: hidden;
 	position: relative;
 	text-decoration: none;
+}
+.ui-selectmenu-button select {
+	left: 0;
+    opacity: 0.001;
+    position: absolute;
+    top: 0;
+	width: 100%;
+	height: 100%;
 	cursor: pointer;
 }
 .ui-selectmenu-button span.ui-icon {