Problem mit IE6

[Compiwurstel]

Hallo zusammen,
meine Navigation sieht im Prinzip so aus:

<img class="pix" src="layout/pics/pix/dorange.gif" alt="Startseite" />

<a class="mnav" href="index.php">STARTSEITE</a><br style="clear:left" />

<a class="link" href="?section=browser">Unsere Webseite</a><br style="clear:left" />

Die Hauptnavigationspunkte sind also jeweils durch eine kleine (Einpixel-)Grafik markiert, die Unternavigation soll in gleicher Flucht mit dem Text der Hauptnavigation stehen. Dazu sind die einzelnen CSS-Klassen wie folgt definiert:

.pix {width:12px; height:12px; border-width:0.75pt; border-style:solid; border-color:#111111; text-align:left; margin:5px 5px 10px 5px; display:block; float:left}

a.mnav {font-family: Verdana, Arial, sans-serif; color:#400080; font-size:8pt; font-weight:bold; text-decoration:none; margin:5px 5px 10px 5px; display:block; float:left; white-space:nowrap}

.link {font-family: Arial, Verdana, sans-serif; font-size:7pt; display:block; float:left; margin:0px 0px 3px 22px}

Mit IE7, Firefox und Opera wird das auch sauber angezeigt, IE6 jedoch berechnet die margin-Angabe der Klasse ".link" offenbar nicht vom linken Rand aus, sondern von dem Hauptnavigationstext, jedenfalls ist die Unternavigation viel zu weit eingerückt. Gibt es da eine Abhilfe (die Logfiles unserer Seite zeigen, dass - leider - die meisten BesucherInnen - 60% - mit dem IE6 unterwegs sind)!

Viele Grüße
Compiwurstel