HTML Table Issues

<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?

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

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

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