Table Appearing Incorrectly on MAC Browsers

[Ben Johns]

http://positivelyhome.spintest.com/a...l_My_Home.aspx

I am trying to figure out why the table in the top left corner of this page, (directly below the "home sellers" copy) is appearing wrong on the MAC internet browers: Explorer, Firefox and Netscape. It appears that there is an extra row between the "Add My Home" and the "Edit my Listing" rows.

It appears properly on the PC browsers...

Thanks for any ideas.

Ben

[figbeam]

It appears properly in IE for PC at least. I tried with Opera 7.23 and FF, take a look at this picture. In all three browsers I hovered above "Add my home".

In both Opera and FF the cell is too high. In Opera the picture of the arrow has a little bit chopped off at the bottom. In FF there's no hover effect.

There's a lot of javascript cluttering the code and I'm not sure how this affects the display (I don't know much js...).

[LiquidReflex]

You have an extra blank TR and TD in there, that is why it appearing too large/tall. Look at the code below:

<!-- START LEFT 1 -->
		  <td width="219" valign="top" style="background: #FFF url(../images/nav_left/bg.gif)rep"><img src="../images/nav_left/sell_my_home.gif" width="167" height="37">
            <table width="166"  border="0" cellspacing="0" cellpadding="0" bgcolor="#9BB1E1">
              <tr>

                <td class="leftnav" onclick="mClk(this);" onmouseover="mOvr(this,&quot;#7D94D5&quot;);" onmouseout="mOut(this,&quot;&quot;);"><a id="lbtnAdd" href="javascript:__doPostBack('lbtnAdd','')">Add My Home</a></td>
              </tr>
              <tr>
				<td class="leftnav" onclick="mClk(this);" onmouseover="mOvr(this,&quot;#7D94D5&quot;);" onmouseout="mOut(this,&quot;&quot;);">
					
   				</td>
   			  </tr>

If you remove the second TR code like the following, it will probably appear correctly:

<!-- START LEFT 1 -->
		  <td width="219" valign="top" style="background: #FFF url(../images/nav_left/bg.gif)rep"><img src="../images/nav_left/sell_my_home.gif" width="167" height="37">
            <table width="166"  border="0" cellspacing="0" cellpadding="0" bgcolor="#9BB1E1">
              <tr>

                <td class="leftnav" onclick="mClk(this);" onmouseover="mOvr(this,&quot;#7D94D5&quot;);" onmouseout="mOut(this,&quot;&quot;);"><a id="lbtnAdd" href="javascript:__doPostBack('lbtnAdd','')">Add My Home</a></td>
              </tr>