JavaScript/faire disparaitre 1 row d'1 table

Bonjour,

Je suis en train de réaliser un tit code JS qui doit me permettre d'afficher ou non des lignes d'un tableau lorsque l'on sélectionne un radio button ou non.

Voici une partie de mon HTML (je ne mets que les "row" concernés par l'affichage)

<tr>
		<td><input type=radio name="national" value="international" id="international" onClick="display()"> Je r&eacute;side &agrave; l\'&eacute;tranger</input></td>
		<td><input type=radio name="national" value="national" id="national" onClick="display()" Checked="checked"> Je r&eacute;side en France (DOM-TOM inclus)</input></td>
		<td colspan="2">&nbsp;</td></tr>
	</tr>
       <tr id="trBP">
		<th id="bp">BP</th>
		<td headers="bp"><input type="text" name="bp" size="5"></td>
		<td colspan="2">&nbsp;</td>
	</tr>
	<tr id="trZone">
		<th id="zone">S&eacute;lection Zone</th>
		<td headers="zone">
			<select name="zone">
    			<OPTION VALUE="page1"> Text 1</option>
    			<OPTION VALUE="page2"> Text 2</option>
			</select>
		<td colspan="2">&nbsp;</td>
	</tr>
	<tr id="trPays" style="display:none">
		<th id="pays">Pays</th>
		<td headers="pays">
			<select name="pays">
    			<OPTION VALUE="page1"> Text 1</option>
    			<OPTION VALUE="page2"> Text 2</option>
			</select> </td>
	       <td colspan="2">&nbsp;</td>
	</tr>

et voici ma fonction Javascript :

function display(){
var national = document.getElementById("national");
var international = document.getElementById("international");
						
var trZone = document.getElementById("trZone");
var trBP = document.getElementById("trBP");
var trPays = document.getElementById("trPays");
						
var navigateur = navigator.appName;
		
if(navigateur == "Netscape")
{
	if(national.checked)
	{
		trZone.style.display = "table-row";
		trBP.style.display = "table-row";
		trPays.style.display = "none";
        } else if(international.checked  = "checked"){
		trZone.style.display = "none";
		trBP.style.display = "none";
		trPays.style.display = "table-row";
	}
} else {
	if(national.checked = true)
	{
		trZone.style.display = "block";
        	trBP.style.display = "block";
		trPays.style.display = "none";	
	} else {
		trZone.style.display = "none";
		trBP.style.display = "none";
		trPays.style.display = "block";
	}
}
}

Ce code fonctionne correctement sous FireFox, mais sous IE, je ne peux sélectionner que le premier radio button, le 2e est pas sélectionnable, et le javascript ne marche pas (si je modifie la CSS, je peux changer la couleur du texte, mais pas le cacher...)

Si vous avez une idée, je suis preneur... je me casse la tête depuis hier midi...

Merci par avance,
Nikko