From 101ff9bb42f7fe7241fab55c2f849f1f92f23664 Mon Sep 17 00:00:00 2001
From: Kelven Yang <kelven@cloud.com>
Date: Fri, 13 May 2011 17:44:16 -0700
Subject: [PATCH] Make keyboard selection UI work across all browsers (FireFox,
 Chrome, IE, Safari)

---
 console-proxy/css/ajaxviewer.css | 3 +++
 console-proxy/js/ajaxviewer.js   | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/console-proxy/css/ajaxviewer.css b/console-proxy/css/ajaxviewer.css
index 1ac3b7dc306..e6e150d0cb2 100644
--- a/console-proxy/css/ajaxviewer.css
+++ b/console-proxy/css/ajaxviewer.css
@@ -71,6 +71,8 @@ body {
 #toolbar ul li ul {
     position: absolute;
     top:32;
+    width: 130;
+    height: 66;
     display: block;
     display: none;
     border-top: 1px solid black;
@@ -93,6 +95,7 @@ body {
     padding:0 3px 0 3px; 
     text-decoration:none;
     line-height:32px;
+    vertical-align: bottom;    /* this is to fix the list gap in IE */
 }
 
 #toolbar ul li ul li a:hover {
diff --git a/console-proxy/js/ajaxviewer.js b/console-proxy/js/ajaxviewer.js
index 7bbb8744e6f..9dc8b53fdcd 100644
--- a/console-proxy/js/ajaxviewer.js
+++ b/console-proxy/js/ajaxviewer.js
@@ -513,6 +513,8 @@ AjaxViewer.prototype = {
 		pullDownElement.hover(
 			function(e) {
 				var subMenu = pullDownElement.find("ul");
+				var offset = subMenu.parent().offset();
+				subMenu.css("left", offset.left);
 			
 				$("li.current").removeClass("current");
 				$("li:eq(" + ajaxViewer.currentKeyboard + ")", subMenu).addClass("current");