While udskriver flere topdiver end den skal

Hejsa :)
Er igang med et system, hvor den skal vise en ny header for hver topmenu punkt og inden for det header punkt skal den vise undermenuerne til det punkt.
Problemet ligger dog i, at den udskriver en ny header for hver undermenu.
I kan se et eksempel her:

http://wetoz.dk/jqueryupload/uploads/while_help.png

Som i kan se laver den to rækker som hedder "Tilbud" pga. der er to undermenupunkter, men det skal den ikke.

Her er min kode:

<?php
include("connect.php");
$query  = "SELECT topmenu.name, topmenu.id, topmenu.menuposition, topmenu.menulink, undermenu.overskrift, undermenu.topmenu_id , undermenu.UnderId FROM topmenu INNER JOIN undermenu ON undermenu.topmenu_id=topmenu.id ORDER by id DESC";
$result = mysql_query($query);
while($row = mysql_fetch_array($result))
{
echo'
<div class="content_top">
<p><a href="'.$row['id'].'">'.$row['name'].'</a></p>
</div>
<div class="page_background">
<ul>
<li>
<table width="600px">
<tr>
<td width="525px"><p><a href="'.$row['UnderId'].'">'.$row['overskrift'].'</a> </p></li></td>
<td><a href="'.$row['UnderId'].'"><img src="images/tab_go.png" /></a></td>
<td><a href="'.$row['UnderId'].'"><img src="images/tab_edit.png" /></a></td>
<td><a href="'.$row['UnderId'].'"><img src="images/tab_delete.png" /></a></td>
</tr>
</table>
</li>
</ul>
</div>
';
}
?>

er godt klar over, at når noget er inde i en while gentager det sig det antal gange der er i databasen, men hvordan skal man ellers kunne lave det?

Div'en "content_top" er headeren / Der hvor der står "Tilbud"
og div'en "page_background" er der hvor undermenuerne skal stå :)

Håber i kan hjælpe