Wtf Is Wrong With This?

[PTWingus]

Can someone tell me whats wrong with this code:

<div align="center">
        <center>
      <table border="0" cellpadding="0" cellspacing="0" width="82%">
        <tr>
          <td width="25%" background="ekko_kt8c/topoutlinebg.gif">
          <img border="0" src="ekko_kt8c/topleftedge.gif" width="11" height="25" align="left"></td>
          <td width="50%" background="ekko_kt8c/topoutlinebg.gif">
          <p align="center"><b><font face="tahoma,verdana, arial, helvetica" size="2" color="#000000"></font></b></td>
          <td width="25%" background="ekko_kt8c/topoutlinebg.gif">
          <p align="right">
          <img border="0" src="ekko_kt8c/toprightedge.gif" width="11" height="25"></td>
        </tr>
      </table>
        </center>

On Firefox it's coming out looking like this:





But on IE is looks fine:



FireFox always messes my skins up. Is there something wrong with the code?

[peterska2]

1. Don't use center tags, they are out dates plus you have already specified to center in you div align.

2. Where is the end of your div?

3. You have two unclosed paragraph tags.

Close of all your tags, get rid of those center tags, and you will more than likely find that in fact it is IE that is displaying it incorrectly.

[Code Monkey]

Font tags are half way out the door as well.

[Behemoth]

As are <b> tags.

[Paul M]

Will there be any tags left ....................

[Behemoth]

<span>, <div>, <p>, etc are all used...

As for replacing <b> tags, there's either <strong> (soon to be deprecated) or <span style="font-weight:bold;">