title: text-align not working in FF and chrome
body: <p>I have an asp page where I am trying to align in center. The following is the specific line,</p>
  
  <pre><code>&lt;td style="height: 50px; background-color: #ffffe0; text-align: center; "&gt;
  </code></pre>
  
  <p>This code is working fine in IE, but in FF and chrome, the text is aligned in left. If I change the same code as </p>
  
  <pre><code>&lt;td style="height: 50px; background-color: #ffffe0; text-align: -moz-center; "&gt;
  </code></pre>
  
  <p>Then the alignment is working only in FF. IE and chrome fails :(. Can anyone tell me how to solve this issue ?</p>
  
  <p><strong>UPDATED:</strong></p>
  
  <p>The whole table structure looks like this,</p>
  
  <pre><code>&lt;table style="width: 900px; height: 500px; background-color: gray;"&gt;
  
     &lt;tbody&gt;
         &lt;tr&gt;
  
        &lt;td style="height: 70px; vertical-align: middle; background-color: #fffff0; text-align: center !important; width: 160px;"&gt;
  
          &lt;div id="abc" style="height:40px;width:80px;text-align: center !important ;left: 0px; position: relative; top: 0px" onscroll="JavaScript:document.getElementById(somejavascrpt)'"&gt;
  
                  &lt;input id="button" type="image" style="height:40px;width:60px;border-width:0px;z-index: 104; left: 4px; text-align: center !important position: absolute; top: 2px" src="../images/help.png" name="help"&gt;
          &lt;/div&gt;
        &lt;/td&gt;
  </code></pre>