För mycket mellanrum i tabell i FF

Hej, jag har lite exempel-html som jag kör i IE7 och då renderas tabellen ut som jag vill. Kör jag det i FF så blir det för mycket space mellan kolumner och rader. Kan någon hjälpa mig med att förstå vad det är jag gör fel? Jag vill att det ska se likadant ut i både FF och Ie7 och så som det gör i Ie7 nu.

Lite mycket som kommer men enkelt att förstå... och jag hoppas någon har ork att titta på allt, jag förstår då inte vad som är fel.. :(

 <table width="700px" class="test" cellspacing="0px">
              <tr>
                <th class="test" colspan="2"><span id="Repeater1_ctl00_lblInfo">Bla bla bla: </span></th>

              </tr>
              <tr>
                <td class="test" colspan="2">
                  <p class="syfte"><span id="Repeater1_ctl00_lblInfoDescription"><code>Ja, informationen stämmer</code>.<br/>
        <br/>

        <code>Nej, informationen stämmer EJ</code>.</span> <br/><br/></p>
                </td>
              </tr>
              <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>

                <td class="test">
	                <p class="smallphonetext">
	                    <img src="Resources/Movable.png" alt="Ikon som representerar telefontyp" style="border-width:0px;" />&nbsp;<br />
	                    <span id="Repeater1_ctl00_lblPhoneType">Något</span></p>
                </td>
              </tr>

              <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>
                <td class="test">
	                <p class="text"><span id="Repeater1_ctl00_lblConnection">Något</span></p>
                </td>
              </tr>

               <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>
                <td class="test">
	                <p class="text"><span id="Repeater1_ctl00_lblRSID">Något</span></p>
                </td>
              </tr>

             <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>
                <td class="test">
	                <p class="text"><span id="Repeater1_ctl00_lblDepartment">Något</span></p>
                </td>
              </tr>

            <tr>
                <td class="test" style="width: 367px">
	                <p class="rubrik">
                        Något</p>
                </td>
                <td class="test">
	                <p class="text"><span id="Repeater1_ctl00_lblContactPerson">Något</span></p>
                </td>
              </tr>

             <tr>
                <td class="test" colspan="2">
	                <p class="rubrik"><br/>Tillval</p>
                </td>
              </tr>
            
            <tr>
                <td class="test" colspan="2">
                    <p class="text">
                        Något</p>

                </td>
            </tr>
        
            <tr>
                <td class="test" colspan="2">
                    <p class="text">
                        Något</p>
                </td>
            </tr>
        
            <tr>

                <td class="test" colspan="2">
                    <p class="text"></p>
                </td>
            </tr>
        
          </table>

Har sedan följande CSS:

p
{
color: #244674;
}
p.syfte
{
color:#244674;
text-align:left;
font-size:14px;
}
p.rubrik
{
color:#244674;
text-align:left;
font-size:13px;
font-weight: bold;
}
p.text
{
color:#244674;
text-align:left;
font-size:12px;
}
code
{
font-size:13px;
font-weight:bold;
}
p.intro
{
color:#244674;
text-align:center;
}
h1,h3
{
color: #244674;
text-align:center;
}
th
{
color: #244674;
empty-cells:show; 
}
table
{
empty-cells:show; 
color: #244674;
}
table.test
{
    border-color: #bbc9dd;
    border-width: 0px 0px 1px 1px;
    border-style: solid;
    empty-cells:show; 
}
td.test, select.test
{
    empty-cells:show; 
    border-color: #bbc9dd;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
    vertical-align: top;
}
td.middle
{
    empty-cells:show; 
    border-color: #bbc9dd;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0px;
    padding: 5px;
    vertical-align: middle;
	text-align: center;
}
th.test
{
    empty-cells:show; 
    border-color: #bbc9dd;
    border-width: 1px 1px 0px 0px;
    border-style: solid;
    margin: 0px;
    padding: 4px;
}
td.center
{
	text-align:center;
}

a {text-decoration: none }

p.smalltext 
{
	font-size:10;
	text-align:center;
}
p.smallphonetext 
{
	font-size:10;
}
body, select, input, textarea
{
	font-family: Verdana;
}