Positioning Tables with Span Tags on Mac

[artguy]

I've positioned a couple of tables on a page using span tag, positioned absolutely for some menus. For some reason when viewing on the Mac in IE, the tables show up at different heights on the page. I have the tops all specified to be 141px and they work fine on the PC (not in Netscape, but that's another issue to tackle later) but seem to get progressively lower on the page from left to right. The code is below, does anyone see anything stupid I may have done?
There are 3 menus and one submenu.

<span id=&quot;iceBinsMenu&quot; onMouseOver=&quot;overMenu=true&quot; onMouseOut=&quot;overMenu=false&quot; style=&quot;left: 155px; top: 141px; visibility: hidden; position : absolute; width: 127px; height: 58px; z-index: 5;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
text-decoration: none;
color : #FFFFFF&quot;>
<table width=&quot;126&quot; border=&quot;0&quot; cellpadding=&quot;3&quot; cellspacing=&quot;0&quot; bgcolor=&quot;#000000&quot;>
<tr>
<td>
<b><a href=&quot;icedevic.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Ice•DevIce
Systems™</font></a></b></td></tr>
<tr><td>
<b><a href=&quot;itstrans.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Ice
Storage and Transport Systems (ITS)</font></a></b></td></tr>
<tr><td>
<b><a href=&quot;upright.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Upright
Ice Bins</font></a></b></td></tr>
<tr><td><b><a href=&quot;slopeft.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Slope Front Bins</font></a></b></td></tr>
<tr><td><b><a href=&quot;smartcts.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Ice Transport Carts</font></a></b></td></tr>
<tr><td><b><a href=&quot;binacc.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Accessories</font></a></b></td>
</tr>
</table>
</span>

<span id=&quot;iceWaterMenu&quot; onMouseOver=&quot;overMenu=true&quot; onMouseOut=&quot;overMenu=false&quot; style=&quot;position : absolute;
left: 369px; top: 141px;
font-size : 9px;
font-family : Arial, Helvetica, sans-serif;
text-decoration: none;
color : #FFFFFF; width: 132px; height: 64px; z-index: 5; visibility: hidden&quot;>
<table width=&quot;126&quot; border=&quot;0&quot; cellpadding=&quot;3&quot; cellspacing=&quot;0&quot; bgcolor=&quot;#000000&quot;>
<tr>
<td>
<a href=&quot;#&quot; onMouseOver=&quot;showSubMenu('iceWaterSubMenu')&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Standard Series</font></a>
</td>
<td><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>>></font></td>
</tr>
<tr>
<td>
<a href=&quot;iwu155n.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Low Profile Series</font></a>
</td>
<td><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;> </font>
</td>
</tr>
<tr>
<td>
<a href=&quot;iwbacc.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Dispenser Accessories</font></a>
</td>
<td><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;> </font>
</td>
</tr>
</table>
</span>

<span id=&quot;iceWaterSubMenu&quot; onMouseOver=&quot;overMenu=true&quot; onMouseOut=&quot;overMenu=false&quot; style=&quot;position : absolute; left: 492px; top: 141px;
font-size : 9px;
font-family : Arial, Helvetica, sans-serif;
text-decoration: none;
color : #FFFFFF; width: 127px; height: 58px; z-index: 10; visibility: hidden&quot;>
<table width=&quot;126&quot; border=&quot;0&quot; cellpadding=&quot;3&quot; cellspacing=&quot;0&quot; bgcolor=&quot;#000000&quot;>
<tr>
<td>
<a href=&quot;iw12.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>12 Series</font></a><br>
<a href=&quot;iw25.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>25 Series</font></a><br>
<a href=&quot;iw50.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>50 Series</font></a><br>
<a href=&quot;iw110.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>110 Series</font></a><br>
</td>
</tr>
</table>
</span>

<span id=&quot;iceBevMenu&quot; onMouseOver=&quot;overMenu=true&quot; onMouseOut=&quot;overMenu=false&quot; style=&quot;position : absolute; left: 499px; top: 141px; width: 142px; height: 58px; z-index: 5;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
text-decoration: none;
color : #FFFFFF; visibility: hidden&quot;>
<table width=&quot;142&quot; border=&quot;0&quot; cellpadding=&quot;3&quot; cellspacing=&quot;0&quot; bgcolor=&quot;#000000&quot;>
<tr>
<td>
<b><a href=&quot;ibu155.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>U155
Series</font></a></b></td></tr>
<tr><td>
<b><a href=&quot;ibu300.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>U300
Series</font></a></b></td></tr>
<tr><td>
<b><a href=&quot;iwbacc.htm&quot;><font color=&quot;#FFFFFF&quot; size=&quot;1&quot;>Dispenser
Accessories</font></a></b></td></tr>
</table>
</span>