I&#39;ve had the same problem and was trying to find my example that fixed but the code is in a backup somewhere. This is the official line from Mozilla which may help:  <a href="https://developer.mozilla.org/en/images,_tables,_and_mysterious_gaps">https://developer.mozilla.org/en/images,_tables,_and_mysterious_gaps</a><br>
<br>I&#39;m not sure if display: block will work in a vertical table but it&#39;s worth a try.<br><br>s/<br><br><div class="gmail_quote">2009/11/19 Gary Stainburn <span dir="ltr">&lt;<a href="mailto:gary.stainburn@ringways.co.uk">gary.stainburn@ringways.co.uk</a>&gt;</span><br>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">Hi Simon,<br>
<br>
tried that, but it made no difference.  I&#39;ve also noticed that the<br>
vertical-align for the TD isn&#39;t working as the text is at the bottom of the<br>
cell.<br>
<br>
The image is taken on Fedora/Firefox but looks the on WinXP/IE7<br>
<br>
<a href="http://www1.ringways.co.uk/images/treeview_not_working.png" target="_blank">http://www1.ringways.co.uk/images/treeview_not_working.png</a><br>
<br>
The images themselves are just 20x20 PNG files with the black lines going all<br>
the way to the edge.<br>
<font color="#888888"><br>
Gary<br>
</font><div><div></div><div class="h5"><br>
On Thursday 19 November 2009 15:23:00 Simon Greenwood wrote:<br>
&gt; Give the images a vertical-align,either bottom or middle. I&#39;ve got an<br>
&gt; example somewhere but I would need to find it.<br>
&gt;<br>
&gt; s/<br>
&gt;<br>
&gt; 2009/11/19 Gary Stainburn &lt;<a href="mailto:gary.stainburn@ringways.co.uk">gary.stainburn@ringways.co.uk</a>&gt;<br>
&gt;<br>
&gt; &gt; Hi folks.<br>
&gt; &gt;<br>
&gt; &gt; I&#39;m creating a tree-view using a table and three images. The logic is<br>
&gt; &gt; working<br>
&gt; &gt; fine for generating the html, but I cannot get the css right to eliminate<br>
&gt; &gt; the<br>
&gt; &gt; gaps between the images.  I don&#39;t know if it&#39;s the table or the images<br>
&gt; &gt; that generate the gaps.<br>
&gt; &gt;<br>
&gt; &gt; Gary<br>
&gt; &gt;<br>
&gt; &gt; table.treeview {<br>
&gt; &gt;        border-collapse: collapse;<br>
&gt; &gt;        padding: 0px;<br>
&gt; &gt;        margin: 0px;<br>
&gt; &gt;        border: 0px;<br>
&gt; &gt;        empty-cells: show;<br>
&gt; &gt; }<br>
&gt; &gt; .treeview tr {<br>
&gt; &gt;        padding: 0px;<br>
&gt; &gt;        margin: 0px;<br>
&gt; &gt;        border: 0px;<br>
&gt; &gt;        vertical-align: middle;<br>
&gt; &gt; }<br>
&gt; &gt;<br>
&gt; &gt; .treeview td, .treeview th {<br>
&gt; &gt;        padding: 0px;<br>
&gt; &gt;        margin: 0px;<br>
&gt; &gt;        border: 0px;<br>
&gt; &gt;        vertical-align: middle;<br>
&gt; &gt; }<br>
&gt; &gt;<br>
&gt; &gt; .teeview img {<br>
&gt; &gt;        margin: 0px;<br>
&gt; &gt;        border: 0px;<br>
&gt; &gt;        padding: 0px;<br>
&gt; &gt;        hspace: 0px;<br>
&gt; &gt;        vspace: 0px;<br>
&gt; &gt;        width: 20px;<br>
&gt; &gt;        height: 20px;<br>
&gt; &gt; }<br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt; --<br>
&gt; &gt; Gary Stainburn<br>
&gt; &gt;<br>
&gt; &gt; Gary&#39;s Haircut 700<br>
&gt; &gt; Please visit <a href="http://www.justgiving.com/Gary-Stainburn/" target="_blank">http://www.justgiving.com/Gary-Stainburn/</a> to help me<br>
&gt; &gt; raise money for Cancer Research - in return I&#39;ll have my head shaved<br>
&gt; &gt;<br>
&gt; &gt;<br>
&gt; &gt; _______________________________________________<br>
&gt; &gt; Wylug-help mailing list<br>
&gt; &gt; <a href="mailto:Wylug-help@wylug.org.uk">Wylug-help@wylug.org.uk</a><br>
&gt; &gt; <a href="https://mailman.lug.org.uk/mailman/listinfo/wylug-help" target="_blank">https://mailman.lug.org.uk/mailman/listinfo/wylug-help</a><br>
<br>
<br>
<br>
--<br>
Gary Stainburn<br>
<br>
Gary&#39;s Haircut 700<br>
Please visit <a href="http://www.justgiving.com/Gary-Stainburn/" target="_blank">http://www.justgiving.com/Gary-Stainburn/</a> to help me<br>
raise money for Cancer Research - in return I&#39;ll have my head shaved<br>
<br>
<br>
_______________________________________________<br>
Wylug-help mailing list<br>
<a href="mailto:Wylug-help@wylug.org.uk">Wylug-help@wylug.org.uk</a><br>
<a href="https://mailman.lug.org.uk/mailman/listinfo/wylug-help" target="_blank">https://mailman.lug.org.uk/mailman/listinfo/wylug-help</a><br>
</div></div></blockquote></div><br><br clear="all"><br>-- <br>Looking for work<br>My CV: <a href="http://sites.google.com/site/simongreenwoodscv/">http://sites.google.com/site/simongreenwoodscv/</a><br>Linkedin: <a href="http://www.linkedin.com/in/simonfgreenwood">http://www.linkedin.com/in/simonfgreenwood</a><br>
Support for unemployed IT professionals: <a href="http://groups.google.com/group/downtimeuk">http://groups.google.com/group/downtimeuk</a><br><br>