Issue With Module Title Row Size

[Masked Crusader]

Hey guys. This post is having to deal with vBadvanced. The reason I came here is because the support and member base over at vBadvanced is terrible for helping people. Always had good luck here. My question is more HTML/CSS based than anything else. Here is the issue:

If you look at my website (http://www.occupational-hazard.com) in both IE and Firefox, you will notice that in IE the titles of the two modules on the right of the homepage have their titles only spanning on column. In Firefox, it looks fine. Nonetheless, I know that I have to input some code to make the title of the module span the length of the number of columns.

Here is my code for both modules --

Recruitment:

<tr class="alt1">
    <td><img src="./images/classicons/Druid.gif"></td>
    <td>Druids</td>
    <td><a href="http://www.occupational-hazard.com/forumdisplay.php?f=9">Open</a></td>
  </tr>
<tr class="alt2">
    <td><img src="./images/classicons/Hunter.gif"></td>
    <td>Hunter</td>
    <td><a href="http://www.occupational-hazard.com/forumdisplay.php?f=9">Open</a></td>
  </tr>
<tr class="alt1">
    <td><img src="./images/classicons/Mage.gif"></td>
    <td>Mage</td>
    <td><a href="http://www.occupational-hazard.com/forumdisplay.php?f=9">Open</a></td>
  </tr>
<tr class="alt2">
    <td><img src="./images/classicons/Paladin.gif"></td>
    <td>Paladin</td>
    <td><a href="http://www.occupational-hazard.com/forumdisplay.php?f=9">Open</a></td>
  </tr>
<tr class="alt1">
    <td><img src="./images/classicons/Priest.gif"></td>
    <td>Priest</td>
    <td><a href="http://www.occupational-hazard.com/forumdisplay.php?f=9">Open</a></td>
</tr>
<tr class="alt2">
    <td><img src="./images/classicons/Rogue.gif"></td>
    <td>Rogue</td>
    <td><a href="http://www.occupational-hazard.com/forumdisplay.php?f=9">Open</a></td>
  </tr>
<tr class="alt1">
    <td><img src="./images/classicons/Warlock.gif"></td>
    <td>Warlock</td>
    <td><a href="http://www.occupational-hazard.com/forumdisplay.php?f=9">Open</a></td>
  </tr>
<tr class="alt2">
    <td><img src="./images/classicons/Warrior.gif"></td>
    <td>Warrior</td>
    <td><a href="http://www.occupational-hazard.com/forumdisplay.php?f=9">Open</a></td>
  </tr>

<br/>
Progression:

<tr class="alt2">
    <td colspan="2"><center><b><u>Azeroth Raid Instances</u></b></center></td>
  </tr>
<tr class="alt1">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Zul'Gurub</td>
  </tr>
<tr class="alt2">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Molten Core</td>
  </tr>
<tr class="alt1">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Onyxia</td>
  </tr>
<tr class="alt2">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Ruins of Ahn'Qiraj</td>
  </tr>
<tr class="alt1">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Blackwing Lair</td>
</tr>
<tr class="alt2">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Temple of Ahn'Qiraj</td>
  </tr>
<tr class="alt1">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Naxxramas</td>
  </tr>
<tr class="alt2">
    <td colspan="2"><center><b><u>Outland Raid Instances</u></b></center></td>
  </tr>
<tr class="alt1">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Karazhan</td>
  </tr>
<tr class="alt2">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Magtheridon's Lair</td>
  </tr>
<tr class="alt1">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Serpentshrine Cavern</td>
  </tr>
<tr class="alt2">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Tempest Keep</td>
  </tr>
<tr class="alt1">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>Gruul's Lair</td>
  </tr>
<tr class="alt2">
    <td><img src="./hazard/images/progression/red.gif"></td>
    <td>The Battle for Mount Hyjal</td>
  </tr>
<tr class="alt1">
    <td colspan="2"><center><b><u>Progression Legend</u></b></center></td>
<tr class="alt2">
    <td colspan="2"><img src="./hazard/images/progression/green.gif"> = Farm Status<br><img src="./hazard/images/progression/yellow.gif"> = Currently Exploring<br><img src="./hazard/images/progression/red.gif"> = Not Yet Entered</td>
  </tr>

Thanks in advance for any help that you can provide.

[CyberAlien]

What you pasted is content code, but you forgot about header code:

	<thead>
		<tr>
			<td class="tcat" colspan="0">
				<a href="#top" onclick="return toggle_collapse('module_20')" style="float:right"><img alt="" border="0" id="collapseimg_module_20" src="http://www.occupational-hazard.com/hazard/images/buttons/collapse_tcat.gif" /></a>
			
			<span class="smallfont"><strong>&raquo; Raid Progression</strong></span></td>
		</tr>
	</thead>

that's where error is: colspan="0". It should be colspan="2" for raid progression box and colspan="3" for recruitment.

Looks like Firefox is incorrectly handling bugs in that code, IE and Opera show it correctly (by completely ignoring colspan as it has invalid value).