HTML Table Issues

[DvilleStoner]

<table style="BORDER-RIGHT: #9cafbc 1px solid; BORDER-TOP: #9cafbc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #9cafbc 1px solid; BORDER-BOTTOM: #9cafbc 1px solid" border="0" cellpadding="3" width="100">
  <tr>
    <td align="center">
      <div align="center">
        <img src="LINK" width="1" height="1"><br>
        <a href="LINK">
          <img width="90" height="90" alt="Fully Analog Joystick" hspace=8 src="LINK" border="0"></a>
        <font size="2" face="Arial, Helvetica, sans-serif">
          Fully Analog Joystick
          <br>
          <a href="LINK">
           TEXT
          </a>
        </font>
      </div>
    </td>
  </tr>
</table>
<table style="BORDER-RIGHT: #9cafbc 1px solid; BORDER-TOP: #9cafbc 1px solid; BACKGROUND: #ffffff; BORDER-LEFT: #9cafbc 1px solid; BORDER-BOTTOM: #9cafbc 1px solid" border="0" cellpadding="3" width="100">
  <tr>
    <td align="center">
      <div align="center">
        <img src="LINK" width="1" height="1"><br>
        <a href="LINK">
          <img width="90" height="90" alt="Fully Analog Joystick" hspace=8 src="LINK" border="0"></a>
        <font size="2" face="Arial, Helvetica, sans-serif">
          Fully Analog Joystick
          <br>
          <a href="LINK">
           Text
          </a>
        </font>
      </div>
    </td>
  </tr>
</table>

There is my html code, for 2 tables for my website. The issue I have is that when I view the page it shows one table(box) under the other. What im wanting it to look like is make a row of them, from left to right.

Any ideas why its putting them under each other?

[mark87]

Add 'display:inline' to the styles - eg.

<table style="display:inline; BORDER-RIGHT: #9cafbc 1px solid;...

[DvilleStoner]

Mine you, Originally I was looking at this im FF.

After making this change, it does work in IE, but when viewing in FF it gives an alignment issue

i attached what it looks like