Fix cross-browser support for language select

This fixes cross-browser support for the language select box by
replacing it with a custom menu box.

css/main.css

@@ -69,18 +69,49 @@ div#header {
 	margin-left: 20px;
 }
 
-.select-wrap {
-	display: inline-block;
-	overflow: hidden;
+.customSelect {
 	height: 20px;
 }
 
-select.menuBtn {
-	color: #666;
-	border: none;
-	cursor: pointer;
-	margin: -1px -20px 0 0;
-	background: transparent;
+span.customSelectOptions {
+	margin: 0;
+	width: 80px;
+}
+
+.customSelectOptions > ul {
+	max-height: 20px;
+	width: 80px;
+	overflow: hidden;
+	-webkit-transition: max-height 1s;
+	transition: max-height 1s;
+	padding: 0;
+	margin: 0;
+	bottom: 0;
+	position: absolute;
+	right: 0;
+}
+
+.customSelectOptions > ul:hover {
+	max-height: 400px;
+}
+
+.customSelectOptions > ul > li {
+	padding: 0 0 3px 0;
+	list-style-type: none;
+	height: 20px;
+}
+
+.customSelectOptions > ul > li:last-child {
+	padding: 0;
+}
+
+.customSelectOptions > ul > li:hover {
+	text-decoration: underline;
+}
+
+.customSelectOptions > ul > li:first-child:hover {
+	cursor: default;
+	text-decoration: none;
 }
 
 .menu span:hover {