I've built a site using tables for layout, and it looks ok in
everything but in IE where it places extra space around the graphics
that contain a rollover script. (Please see http://www.bentleysweb.com
) Below is a snippet of the table cell in question. How can I
eliminate that extra space in IE?
Thanks.
-Ray
<TD CLASS="first" colspan="2" VALIGN="TOP">
<img src="images/windowtop.gif" width="121" height="43" alt="">
<a href="display.h tml" target="_self"
onmouseover="ch angeImages('dis play', 'images/displayx.gif'); return
true;"
onmouseout="cha ngeImages('disp lay', 'images/display.gif'); return
true;"
onmousedown="ch angeImages('dis play', 'images/displayx.gif'); return
true;"
onmouseup="chan geImages('displ ay', 'images/displayx.gif'); return
true;">
<img name="display" src="images/display.gif" width="121"
height="31" border="0" alt="Display Cases Button"></a>
<img src="images/black1.gif" width="121" height="22" alt="">
<a href="framing.h tml"
onmouseover="ch angeImages('fra ming', 'images/framingx.gif'); return
true;"
onmouseout="cha ngeImages('fram ing', 'images/framing.gif'); return
true;"
onmousedown="ch angeImages('fra ming', 'images/framingx.gif'); return
true;"
onmouseup="chan geImages('frami ng', 'images/framingx.gif'); return
true;">
<img name="framing" src="images/framing.gif" width="121"
height="25" border="0" alt="Framing & Engraving"></a>
<img src="images/windowbot.gif" width="121" height="43" alt="">
</td>