Slightly better IE and Firefox compatible version of the sort and services discovery menus.

share/http/dialogs/playlist

@@ -31,6 +31,9 @@ This dialog needs the following dialogs to be fully functional: <none>
     <img class="close" src="images/white_cross_small.png" alt="Close" onclick="hide('playlist');"/>
   </div>
   <div class="controls">
+    <table>
+      <tr>
+        <td>
           <!--<button id="btn_delete" onmouseover="button_over(this);" onmouseout="button_out(this);">
             <img src="images/delete.png" alt="Delete" />
             <span class="btn_text">Delete</span>
@@ -51,30 +54,37 @@ This dialog needs the following dialogs to be fully functional: <none>
             <img src="images/repeat.png" alt="Repeat" />
             <span class="btn_text">Repeat</span>
           </button>
-    <div id="btn_sort" class="menubtn" style="margin-left: 5px" onmouseover="show_menu('menu_sort');" onmouseout="hide_menu('menu_sort');" title="Sort" >
+        </td>
+        <td onmouseout="hide_menu('menu_sort');" onmouseover="show_menu('menu_sort');" >
+          <button id="btn_sort" title="Sort" >
             <img src="images/sort.png" alt="Sort" />
             <span class="btn_text">Sort</span>
+          </button>
           <div id="menu_sort" class="menu" >
-        <button onclick="pl_sort(1,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Name ascending" >Name</button><br/>
-        <button onclick="pl_sort(1,1);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Name descending" >Name reverse</button><br/>
-        <button onclick="pl_sort(3,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Author ascending" >Author</button><br/>
-        <button onclick="pl_sort(3,1);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Author ascending" >Author reverse</button><br/>
-        <button onclick="pl_sort(5,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Randomize" >Random</button><br/>
-        <button onclick="pl_sort(7,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Track number" >Track number</button><br/>
-        <button onclick="pl_sort(0,0);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Id ascending" >Id</button><br/>
-        <button onclick="pl_sort(0,1);hide_menu('menu_sort');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Sort by Id descending" >Id reverse</button><br/>
-      </div>
+            <button class="menuout" onclick="pl_sort(1,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Name ascending" >Name</button><br/>
+            <button class="menuout" onclick="pl_sort(1,1);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Name descending" >Name reverse</button><br/>
+            <button class="menuout" onclick="pl_sort(3,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Author ascending" >Author</button><br/>
+            <button class="menuout" onclick="pl_sort(3,1);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Author ascending" >Author reverse</button><br/>
+            <button class="menuout" onclick="pl_sort(5,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Randomize" >Random</button><br/>
+            <button class="menuout" onclick="pl_sort(7,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Track number" >Track number</button><br/>
+            <button class="menuout" onclick="pl_sort(0,0);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Id ascending" >Id</button><br/>
+            <button class="menuout" onclick="pl_sort(0,1);hide_menu('menu_sort');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" title="Sort by Id descending" >Id reverse</button><br/>
           </div>
-    <div id="btn_sd" class="menubtn" style="margin-left: 30px" onmouseover="show_menu('menu_sd');" onmouseout="hide_menu('menu_sd');" title="Services Discovery" >
+        </td>
+        <td onmouseover="show_menu('menu_sd');" onmouseout="hide_menu('menu_sd');">
+          <button id="btn_sd" title="Services Discovery" >
             <img src="images/sd.png" alt="Services Discovery" />
             <span class="btn_text">Services Discovery</span>
+          </button>
           <div id="menu_sd" class="menu" >
             <vlc id="rpn" param1="services_discovery" />
             <vlc id="foreach" param1="sd" param2="object" />
-        <button onclick="pl_sd('<vlc id="value" param1="sd" />');hide_menu('menu_sd');" onmouseover="button_over(this);" onmouseout="button_out_menu(this);" title="Toggle <vlc id="value" param1="sd.name" />" ><vlc id="value" param1="sd.name" /></button><br/>
+            <button onclick="pl_sd('<vlc id="value" param1="sd" />');hide_menu('menu_sd');" onmouseover="setclass(this,'menuover');" onmouseout="setclass(this,'menuout');" class="menuout" title="Toggle <vlc id="value" param1="sd.name" />" ><vlc id="value" param1="sd.name" /></button><br/>
             <vlc id="end" />
           </div>
-    </div>
+        </td>
+      </tr>
+    </table>
   </div>
   <div id="playtree">
     (?)

share/http/iehacks.css

@@ -26,6 +26,12 @@ div.menu {
 	margin-top: 15px;
 	background: #fff;
 }
+div.menu button {
+        background: #fff;
+}
+div.menu button.menuout {
+        border: 1px solid #fff;
+}
 
 div#mosaic_list {
 	background: #fff;

share/http/style.css

@@ -224,9 +224,6 @@ div.controls button.off {
 
 div.menubtn {
 	display: inline;
-	position: absolute;
-	margin-top: 2px;
-	font-size: 0.70em;
 }
 
 div.menu {
@@ -241,8 +238,13 @@ div.menu {
 
 div.menu button {
 	background: transparent;
+}
+div.menu button.menuout {
 	border: 1px solid transparent;
 }
+div.menu button.menuover {
+        border: 1px solid #000;
+}
 
 div.popup img.close {
 	position: absolute;