Cell background problem in Firefox

[Theberge43]

Hi,

I have a table in which the first row has no border and a background image and the other rows have borders but no background images.

Firefox seems to leave a space at the beginning of the first row and it doesn't do it in IE :

FF


IE


Do you know what could be causing this ?

[TheJoshMan]

Could we see a link to the problem page?

[Theberge43]

It's on my localhost.

Here is the part of the HTML:

<!-- start: forumbit_depth1_cat -->
<table border="0" cellspacing="0" cellpadding="4" class="tborder">
	<thead>
		<tr>

			<td class="thead" colspan="5">
				<div class="cat_icon">
					<div class="expcolimage">
						<img src="images/lp3e/collapse.gif" id="cat_1_img" class="expander" alt="[-]" title="[-]" />
					</div>
						<strong>
						<span style="position: relative; left: 26px;">
						<a href="forumdisplay.php?fid=1">My Category</a>

						</span>
						</strong>
				</div>
			</td>
		</tr>
	</thead>
	<tbody style="" id="cat_1_e">
	<!-- start: forumbit_depth2_forum -->
<tr>

	<td id="forum_icon" rowspan="2" class="trow1" align="center" valign="middle" width="1">
		<img src="images/lp3e/off.gif" alt="Ce forum ne contient pas de nouveaux messages" title="Ce forum ne contient pas de nouveaux messages" class="ajax_mark_read" id="mark_read_2" />
	</td>
	<td rowspan="2" class="trow1" valign="middle" width="100%">
		<strong><a href="forumdisplay.php?fid=2">My Forum</a></strong>
		<div class="smalltext">Test description.<br /><!-- start: forumbit_subforums -->
<strong>Sous-Forums :</strong> <img src="images/lp3e/minioff.gif" alt="Ce forum ne contient pas de nouveaux messages" title="Ce forum ne contient pas de nouveaux messages" class="subforumicon ajax_mark_read" id="mark_read_5" /><a href="forumdisplay.php?fid=5" title="">Sub Forum</a>

<!-- end: forumbit_subforums --></div>
	</td>
	<td colspan="2" class="trow1" valign="middle" style="white-space: nowrap; min-width: 275px;"><!-- start: forumbit_depth2_forum_lastpost -->
<div><a href="showthread.php?tid=1&amp;action=lastpost" title="Test">Test</a>
<br />
<div class="smalltext">par <a href="member.php?action=profile&amp;uid=2">Tester</a> 07-27-2009 10:09 PM
</div>	
</div>
<!-- end: forumbit_depth2_forum_lastpost --></td>
</tr>
<tr>

	<td class="trow1" valign="middle" align="center" style="white-space: nowrap">Sujets : 3</td>
	<td class="trow1" valign="middle" align="center" style="white-space: nowrap">Messages : 8</td>
</tr>
<!-- end: forumbit_depth2_forum -->
	</tbody>
</table>
<br />
<!-- end: forumbit_depth1_cat -->

The class="thead" is the one with the bg problem.

[Snookerman]

There shouldn't be any spaces before and after inline tags, try this instead:

<thead>
	<tr>
		<td class="thead" colspan="5"><div class="cat_icon">
			<div class="expcolimage"><img src="images/lp3e/collapse.gif" id="cat_1_img" class="expander" alt="[-]" title="[-]" /></div>
			<strong><span style="position: relative; left: 26px;"><a href="forumdisplay.php?fid=1">My Category</a></span></strong></div></td>
	</tr>
</thead>

Good luck!

[Theberge43]

Didn't change anything.

[Snookerman]

Do the same with all image tags. If it still doesn't work, please post a link to your site.

Good luck!