Table - grey border showing in Firefox not IE

[georgie_b]

Wondered if anyone could help? I've got a table with a grey border showing in Firefox, but not in IE.

Does anyone have any idea what I can do to remove the grey border in Firefox please - tried lots of things and now think I'm failing to see the wood for the trees. Is it the border color? :)



<TABLE style="BORDER-COLLAPSE: collapse" borderColor=#f5f5f5 height=160 cellSpacing=0 cellPadding=5 width=500 align=center background=gallery_background.gif border=10>
<TBODY>
<TR>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image1.jpg" rel=lightbox[image]><IMG src="image1s.jpg"></A> </TD>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image2.jpg" rel=lightbox[image]><IMG src="image2s.jpg"></A></TD>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image3.jpg" rel=lightbox[image]><IMG src="image3s.jpg"></A></TD>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image4.jpg" rel=lightbox[image]><IMG src="image4s.jpg"></A></TD>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image5.jpg" rel=lightbox[image]><IMG height=56 src="image5s.jpg" width=78></A></TD></TR>
<TR>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image6.jpg" rel=lightbox[image]><IMG src="image6s.jpg"></A> </TD>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image7.jpg" rel=lightbox[image]><IMG src="image7s.jpg"></A></TD>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image8.jpg" rel=lightbox[image]><IMG src="image8s.jpg"></A></TD>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image9.jpg" rel=lightbox[image]><IMG src="image9s.jpg"></A></TD>
<TD align=center bgColor=#f5f5f5><A title="caption" href="image10.jpg" rel=lightbox[image]><IMG height=56 src="image10s.jpg" width=78></A></TD></TR></TBODY></TABLE></P>

[bluewalrus]

Is this all of your code? No css?

....Assuming that it is though...

You should use "" around the attributes like cellpadding="5" in place of cellpadding=5. Then you have a grey border because you have borderColor="#f5f5f5" border="10" within the table element. If you want it around the image only or the cell or the row put a border around within a class, id, td, tr, or img tag within your css.


<TABLE style="BORDER-COLLAPSE: collapse;" borderColor="#f5f5f5" height="160" cellSpacing="0" cellpadding="5" width="500" align="center" background="gallery_background.gif" border="10">


For a start although these should be specified in css...