Fix some Firefox layout problems

main.css

@@ -63,6 +63,9 @@ div.progress-container:hover div.hint {
   width: 200px;
 }
 
+#Trats th,             #Trats td             { width: 145px; }
+#Trats th:first-child, #Trats td:first-child { width:  55px; }
+
 tr         { height:  15px; }
 #Spells    { height: 236px; }
 #Inventory { height: 281px; }
@@ -76,20 +79,18 @@ tr         { height:  15px; }
   width: 198px;
 }
 
-
 #Equips,
 #Inventory, #Inventory table {
   width: 272px;
 }
 
+#Equips th,             #Equips td             { width: 202px; }
+#Equips th:first-child, #Equips td:first-child { width:  70px; }
+
 #EncumBar, #EncumBar .hint { 
   width: 270px;
 }
 
-#Trats thead th:first-child { 
-  width: 55px;
-}
-
 #Spells .value { 
  width: 15ex;
 }

main.html

@@ -37,19 +37,19 @@
       <tbody id="Traits">
         <tr>
           <td>Name</td>
-          <td key="Name"></td>
+          <td></td>
         </tr>
         <tr>
           <td>Race</td>
-          <td key="Race"></td>
+          <td></td>
         </tr>
         <tr>
           <td>Class</td>
-          <td key="Class"></td>
+          <td></td>
         </tr>
         <tr>
           <td>Level</td>
-          <td key="Level">1</td>
+          <td>1</td>
         </tr>
       </tbody>
 
@@ -60,14 +60,14 @@
         </tr>
       </thead>
       <tbody id="Stats">
-        <tr><td>STR</td><td key="STR"></td></tr>
-        <tr><td>CON</td><td key="CON"></td></tr>
-        <tr><td>DEX</td><td key="DEX"></td></tr>
-        <tr><td>INT</td><td key="INT"></td></tr>
-        <tr><td>WIS</td><td key="WIS"></td></tr>
-        <tr><td>CHA</td><td key="CHA"></td></tr>
-        <tr><td>HP Max</td><td key="HP Max"></td></tr>
-        <tr><td>MP Max</td><td key="MP Max"></td></tr>
+        <tr><td>STR</td><td></td></tr>
+        <tr><td>CON</td><td></td></tr>
+        <tr><td>DEX</td><td></td></tr>
+        <tr><td>INT</td><td></td></tr>
+        <tr><td>WIS</td><td></td></tr>
+        <tr><td>CHA</td><td></td></tr>
+        <tr><td>HP Max</td><td></td></tr>
+        <tr><td>MP Max</td><td></td></tr>
       </tbody>
     </table>
     
@@ -75,7 +75,7 @@
 
     <div class="progress-container" id="ExpBar">
       <div class="hint" template="$remaining XP needed for next level"></div>
-      <div class="bar" style="width: 50%"></div>
+      <div class="bar"></div>
     </div>
 
     <span class="label head" >Spell Book</span>
@@ -83,8 +83,8 @@
       <table>
         <thead>
           <tr>
-            <th class="key">Spell</th>
-            <th class="value">Level</th>
+            <th>Spell</th>
+            <th>Level</th>
           </tr>
         </thead>
         <tbody>
@@ -98,7 +98,7 @@
 
     <table id="Equips" class="listbox">
       <tbody>
-        <tr><td style="width:12ex">Weapon</td><td></td></tr>
+        <tr><td>Weapon</td><td></td></tr>
         <tr><td>Shield</td><td></tr>
         <tr><td>Helm<td></tr>
         <tr><td>Hauberk<td></tr>
@@ -130,7 +130,7 @@
     <div class="label">Encumbrance</div>
     <div class="progress-container" id="EncumBar">
       <div class="hint" template="$Position/$Max cubits"></div>
-      <div class="bar" style="width: 50%"></div>
+      <div class="bar"></div>
     </div>
   </div>