Aligner deux listes verticales

Bonjour à tous,

J'essaye de mettre côte à côte deux listes de mots en français et en
japonais. Comme je voudrais pouvoir cacher l'une ou l'autre liste,
j'utilise le pseudo-élément :target dans une feuille de style.

Grosso-modo, ça ressemble à ça :

<table>
<tr>
<td>

<ul id="jp">
<li>un mot</li>
<li>un autre</li>
</ul>

</td><td>

<ul id="fr">
<li>Traduction du premier mot</li>
<li>et du deuxième</li>
</ul>

</td>
</tr>
<table>

Bien sûr, j'aurais préféré utiliser une table, mais comme je voudrais
pouvoir agir sur les colonnes via :target, je ne peux pas...

Mon problème, c'est d'aligner les deux listes :

- Les polices française et japonaises n'ont pas la même taille par
défaut. Pour le moment, j'augmente la taille de la police dans laquelle
sont écrits les mots français, ça règle le problème...

- Bien qu'ayant plein de place, mouilla essaye de rendre les listes
le plus étroites possible lorsque l'une des deux langues est masquée, et
n'hésite pas à couper en plein dans les mots japonais, ce qui induit des
sauts de lignes et donc des décalages.

Vous pouvez voir la version de test ici :
http://kunpuu.plessy.org/~charles/jp/j4beginnersI_vocab_l01.html

ainsi que ma feuille de style :
http://kunpuu.plessy.org/~charles/jp/jp.css

Si quelqu'un a une idée, il aura en échange mon éternelle gratitude...

--
Charles
Wako, Saitama, Japon
http://charles.plessy.org