title: firefox my td text are not aligning in middle of the cell
body: <p>It works fine on ie and chrome just fine. I have tried a few simple fixes but not sure why nothing is working that i have tried.</p>
  
  <pre><code>    table {
      *border-collapse: collapse; /* IE7 and lower */
      border-spacing: 0;
      width: auto;
      margin-left:auto; 
      margin-right:auto;
      margin-top: 1%;    
  }
  
  .bordered {
      border: solid #ccc 0px;
      -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      -webkit-box-shadow: 0 1px 1px #ccc; 
      -moz-box-shadow: 0 1px 1px #ccc; 
      box-shadow: 0 1px 1px #ccc;
      background-color:#ffffff;         
  }
  
  .bordered tr:hover {
      background: #fbf8e9;
      -o-transition: all 0.1s ease-in-out;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -ms-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;     
  }    
  
  .bordered td, .bordered th {
      border-left: 0px solid #ccc;
      border-top: 0px solid #ccc;
      padding: 10px;
      text-align: left;    
  }
  
  .bordered th {
      background-color: #dce9f9;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
      background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
      background-image:    -moz-linear-gradient(top, #ebf3fc, #dce9f9);
      background-image:     -ms-linear-gradient(top, #ebf3fc, #dce9f9);
      background-image:      -o-linear-gradient(top, #ebf3fc, #dce9f9);
      background-image:         linear-gradient(top, #ebf3fc, #dce9f9);
      -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
      -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
      box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
      border-top: none;
      text-shadow: 0 1px 0 rgba(255,255,255,.5);
      font-weight:900;
  }
  
  .bordered td:first-child, .bordered th:first-child {
      border-left: none;
  }
  
  .bordered th:first-child {
      -moz-border-radius: 6px 0 0 0;
      -webkit-border-radius: 6px 0 0 0;
      border-radius: 6px 0 0 0;
  }
  
  .bordered th:last-child {
      -moz-border-radius: 0 6px 0 0;
      -webkit-border-radius: 0 6px 0 0;
      border-radius: 0 6px 0 0;
  }
  
  .bordered th:only-child{
      -moz-border-radius: 6px 6px 0 0;
      -webkit-border-radius: 6px 6px 0 0;
      border-radius: 6px 6px 0 0;
  }
  
  .bordered tr:last-child td:first-child {
      -moz-border-radius: 0 0 0 6px;
      -webkit-border-radius: 0 0 0 6px;
      border-radius: 0 0 0 6px;
  }
  
  .bordered tr:last-child td:last-child {
      -moz-border-radius: 0 0 6px 0;
      -webkit-border-radius: 0 0 6px 0;
      border-radius: 0 0 6px 0;
  }
  
  
  
  /*----------------------*/
  
  .zebra td, .zebra th {
      padding: 10px;
      border-bottom: 1px solid #f2f2f2;  
  }
  
  .zebra tbody tr:nth-child(even) {
      background: #f5f5f5;
      -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
      -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
      box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
  }
  
  .zebra th {
      text-align: left;
      text-shadow: 0 1px 0 rgba(255,255,255,.5); 
      border-bottom: 1px solid #ccc;
      background-color: #eee;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
      background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
      background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
      background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
      background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
      background-image:         linear-gradient(top, #f5f5f5, #eee);
  }
  
  .zebra th:first-child {
      -moz-border-radius: 6px 0 0 0;
      -webkit-border-radius: 6px 0 0 0;
      border-radius: 6px 0 0 0;  
  }
  
  .zebra th:last-child {
      -moz-border-radius: 0 6px 0 0;
      -webkit-border-radius: 0 6px 0 0;
      border-radius: 0 6px 0 0;
  }
  
  .zebra th:only-child{
      -moz-border-radius: 6px 6px 0 0;
      -webkit-border-radius: 6px 6px 0 0;
      border-radius: 6px 6px 0 0;
  }
  
  .zebra tfoot td {
      border-bottom: 0;
      border-top: 1px solid #fff;
      background-color: #f1f1f1;  
  }
  
  .zebra tfoot td:first-child {
      -moz-border-radius: 0 0 0 6px;
      -webkit-border-radius: 0 0 0 6px;
      border-radius: 0 0 0 6px;
  }
  
  .zebra tfoot td:last-child {
      -moz-border-radius: 0 0 6px 0;
      -webkit-border-radius: 0 0 6px 0;
      border-radius: 0 0 6px 0;
  }
  
  .zebra tfoot td:only-child{
      -moz-border-radius: 0 0 6px 6px;
      -webkit-border-radius: 0 0 6px 6px
      border-radius: 0 0 6px 6px
  } 
  </code></pre>
  
  <p>Table example</p>
  
  <pre><code>&lt;table class="bordered"&gt;
  
                  &lt;thead&gt;
                      &lt;tr&gt;               
                          &lt;th&gt;Create Database&lt;/th&gt;
                          &lt;th&gt;
                          &lt;?php                           
                          if ($_SESSION['dbcreatecode'] == 1){
                              echo 'Added database successfully!';
                              $_SESSION['dbcreatecode'] = 0;
                          }
                          elseif (($_SESSION['dbcreatecode'] == 2)){
                              echo 'Failed to add database!';
                              $_SESSION['dbcreatecode'] = 0;
                          }                                          
                          ?&gt;
                          &lt;/th&gt;
                      &lt;/tr&gt;
                  &lt;/thead&gt;
  
                  &lt;tr&gt;
                      &lt;td&gt;DB Nickname&lt;/td&gt;
                      &lt;td&gt;&lt;input name="dbnick" placeholder="Name" type="text2" id="dbnick"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr id="checkdb" style="display: none"&gt;
                          &lt;td&gt;&lt;/td&gt;
                          &lt;td&gt;&lt;div id="dbnick_availability_result"&gt;&lt;/div&gt;&lt;/td&gt;                            
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;DB Name&lt;/td&gt;
                      &lt;td&gt;&lt;input name="dbname" placeholder="Name" type="text2" id="dbname"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;IP Address&lt;/td&gt;
                      &lt;td&gt;&lt;input name="dbip" placeholder="IP Address" type="text2" id="dbip"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;DB User&lt;/td&gt;
                      &lt;td&gt;&lt;input name="dbuser" placeholder="Username" type="text2" id="dbuser"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;DB Pass&lt;/td&gt;
                      &lt;td&gt;&lt;input name="dbpass" placeholder="Password" type="text2" id="dbpass"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;DB SQLPort&lt;/td&gt;
                      &lt;td&gt;&lt;input name="dbport" placeholder="SQL Port" type="text2" id="dbport"&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td&gt;&lt;/td&gt;
                      &lt;td&gt;  
                          &lt;button class ="createbutton" type="submit" name="Create" value="Create"&gt;&lt;/button&gt;
                      &lt;/td&gt;
                  &lt;/tr&gt;
  
                  &lt;/table&gt;
  </code></pre>
  
  <p>I am also curious if no tags are specified on text what is that text considered in css? 
  <img src="https://i.stack.imgur.com/A9U5Z.jpg" alt="enter image description here"></p>