Problème de iframes

Bonjour!
Ma page d'index comporte deux iframes, une iframe qui s'appelle "menu" et une autre qui s'appelle "principal".
Quand on clique sur un lien, le lien ouvre deux pages, une dans chaque iframe.
Voilà le code d'une des deux iframes:

<iframe src="news.php" height="410" width="485" id="principal" frameborder="0" scrolling="auto" allowTransparency="true">

L'idée est que la page ouverte dans "menu" serve de menu à la page ouverte dans "principal".
Voilà le code d'un de mes liens:

<a href="#" onmousedown="document.getElementById('principal').src = 'news.php';document.getElementById('menu').src = 'menunews.php';">
<img src="images/accueil.gif" border="0" alt="Retour a la page d'accueil" />
</a>

Jusque là, tout fonctionne, les pages s'ouvrent bien en même temps et dans les bonne iframes.

Maintenant, voilà à quoi ressemble un des liens situés dans l'iframe "menu":

<a href="news.php#3" target="principal">New3</a>

Le problème, c'est qu'au lieu de s'ouvrir dans l'iframe "menu" comme je le lui ai demandé, la page s'ouvre dans une nouvelle fenêtre...
Là je comprends pas...
D'où vient le problème???