search button is aligned properly in firefox

frontend-js/src/main/js/gui/leftPanel/AbstractDbPanel.js

@@ -81,15 +81,19 @@ AbstractPanel.prototype._initializeGui = function() {
   this.setControlElement(PanelControlElementType.SEARCH_LABEL, searchLabel);
 
   var searchInputDiv = Functions.createElement({
-    type : "div",
-    style : "display:table"
+    type : "table",
   });
   searchQueryDiv.appendChild(searchInputDiv);
+
+  var searchInputRow = Functions.createElement({
+    type : "tr",
+  });
+  searchInputDiv.appendChild(searchInputRow);
+
   var searchInputCell = Functions.createElement({
-    type : "div",
-    style : "display:table-cell"
+    type : "td",
   });
-  searchInputDiv.appendChild(searchInputCell);
+  searchInputRow.appendChild(searchInputCell);
 
   var searchInput = Functions.createElement({
     type : "input",
@@ -100,14 +104,12 @@ AbstractPanel.prototype._initializeGui = function() {
   this.setControlElement(PanelControlElementType.SEARCH_INPUT, searchInput);
 
   var searchButtonCell = Functions.createElement({
-    type : "div",
-    style : "display:table-cell"
+    type : "td",
   });
-  searchInputDiv.appendChild(searchButtonCell);
+  searchInputRow.appendChild(searchButtonCell);
 
   var searchButton = Functions.createElement({
     type : "a",
-    className : "searchButton",
     content : '<img src="resources/images/icons/search.png"/>'
   });
   searchButton.href = "#";