title: align="center" not working in Firefox and IE
body: <p>I have the following html page in which I have a menu at the top which is perfectly aligned. It is followed by an iframe which has some HTML5 animation and it is not aligning to the center in FF and IE, although it is working perfectly fine on Chrome and Safari. I have used the align="center" attribute everywhere required. How can I get the iframe to align itself to the center in FF and IE? Any help is appreciated. </p>
  
  <p>The HTML file: </p>
  
  <pre><code>&lt;!DOCTYE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;link rel="stylesheet" type="text/css" href="CSS/style_all.css" /&gt;
  &lt;/head&gt;
  &lt;body align="center"&gt;
  
          &lt;table align="center" id="menu"&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;a href="index.html"&gt;  HOME  &lt;/a&gt; &lt;/td&gt;
              &lt;td&gt;&amp;nbsp; | &amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&lt;a href="HTML/about.html"&gt; ABOUT US &lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp; | &amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&lt;a href="HTML/service.html"&gt; HR SERVICES &lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp; | &amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&lt;a href="HTML/sport.html"&gt; SPORTS &amp;amp; ENTERTAINMENT &lt;/a&gt;&lt;/td&gt;
              &lt;td&gt;&amp;nbsp; | &amp;nbsp;&lt;/td&gt;
              &lt;td&gt;&lt;a href="HTML/contact.html"&gt; CONTACT US &lt;/a&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;center&gt;
  
      &lt;table width="100%" align="center"  style="margin: 0 auto; text-align: -moz-center;" align="-moz-center"&gt;
          &lt;tr&gt;
              &lt;td height="100%"&gt;
  
                  &lt;iframe frameborder="0" scrolling="no" src="HTML/homepage.html" width="100%" height="600px"&gt; &lt;/iframe&gt; 
  
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;/center&gt;
  
      &lt;table width="100%" align="center"&gt;
          &lt;tr&gt;
              &lt;td align="left"&gt;
              &lt;p&gt; Copyrights &amp;copy; HUMAN CAPITAL RESOURCE &lt;/p&gt;
              &lt;/td&gt;
              &lt;td align="right"&gt;
              &lt;p&gt;Created by &lt;a href="http://www.pentafuse.com" target="_blank" id="penta"&gt; PENTAFUSE INDIA PVT LTD &lt;/a&gt; &lt;/p&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The CSS file:</p>
  
  <pre><code>a
  {
     text-align:center;
     font-size:16pt;
     color:white;
  }
  body
  {
     background-image: url('../Media/bgimage.jpg') ;
  }
  a
  {
     text-decoration:none;
  }
  a:hover
  {
     color:#646464;
  }
  p
  {
     color: white;
     font-size: 10pt;
  }
  html, body 
  {
     margin: auto;
     height: 100%;
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
  }   
  table 
  {
     vertical-align:center;
     vertical-align:-moz-center;
     margin: 0 auto;
  }
  </code></pre>