CSS appears to work in one instance but not in another similar instance

On the following page http://www.discoverylabs.co.nz/index.php/upcoming-labs, why is it that in Firefox the column titled “Beginner Game-Making” does not have a left margin.

The margins are applied using the following code

.leftgrayborder
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #a5a5a6;
}
.leftblueborder
{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #43719E;
}

And works just fine for all other cells. The whole thing works just fine in Chrome. I have tried using the Webdeveloper and Firebug addons in Firefox to troubleshoot but have got no closer to a solution.

Looks like you just fixed it. :slight_smile:

No idea why this worked but it all started working properly when I added the following ‘leftgrayborder’ class to the top left cell of the table.

<td class=“leftgrayborder” valign=“middle” width=“10%”>
<div align=“center”><strong>Dates (2013)</strong></div>
</td>

Yeah but it makes no sense :slight_smile:

If you take the class entry out of the first cell in either table then you loose the left boarder on the 2nd column… but only in Firefox (IE and Chrome work).

But as long as it works