Firefox zeigt links nicht richtig an (IE schon)

[Matze]

Ich habe folgendes Problem, auf meiner Seite: (www.matzeweh.de/fnet2/index.htm)
Die Links verschieben sich eine Zeile nach unten, und da wo eigentlich der Link stehen sollte befindet sich ein Teil eines Rahmens, der aber auch anklickbar ist, ich möchte dass der Link an seinen Platz kommt (dahin wo er in der Navigation normalerweise sitzt), und dass dieses Rahmenstück verschwindet, hier sind die Codes die ich verwende:

html:
<td class="navi" width="15%" valign="top">
<br>
<hr width="80%" color="#000000">

<a class="nav" href="index.htm"><p class="link1">Home</a></p><br>
<a class="nav" href="studie.htm"><p class="link1">Die Studie</a></p><br>
<a class="nav" href="durchfuehrung.htm"><p class="link2">Durchführung</a></p><br>
<a class="navaktiv" href="ergebnis.htm"><p class="link2">Ergebnisse</a></p><br>
<a class="nav" href="downloads.htm"><p class="link1">Downloads</a></p><br>
<a class="nav" href="kontakt.htm"><p class="link1">Kontakt</a></p><br>
<a class="nav" href="impressum.htm"><p class="link1">Impressum</a></p><br>
<hr width="80%" color="#000000">
</td>

css:

A.nav {
Color: 000000; text-decoration: none; font-weight: 700;
}

A.nav:hover {
color: 000000; text-decoration: none;
background-color: #c6c6c6; border-top-color:f3f3f3; border-left-color:000000;
border-right-color:f3f3f3; border-bottom-color:000000; border-width:2px;
border-style:solid;
}

A.nav:active {
Color: FFFFFF; text-decoration: none;
background-color: #c6c6c6; border-top-color:f3f3f3; border-left-color:000000;
border-right-color:f3f3f3; border-bottom-color:000000; border-width:2px;
border-style:solid;
}

A.navaktiv {
Color: FFFFFF; text-decoration: none; font-weight: 700;
background-color: #c6c6c6; border-top-color:f3f3f3; border-left-color:000000;
border-right-color:f3f3f3; border-bottom-color:000000; border-width:2px;
border-style:solid;
}

/* Links-Spalte */

p.link1 {
Margin: 0px 10px 0px 16px;
}

p.link2 {
Margin: 0px 10px 0px 31px;
}

TD.navi {
background-color: d4d4d4; Margin: 1cm 0px 0px 0px;
}

[Jonathan]

<a class="nav" href="impressum.htm"><p class="link1">Impressum</a></p><br>

Fällt dir was auf?

Du machst das <a> vor dem <p> auf.

Richtiger wäre:

<p class="link1"><a class="nav" href="impressum.htm">Impressum</a></p><br>

...Wobei zu überlegen wäre, ob du das komische <p> überhaupt brauchst (Wo ist der Absatz? ich sehe nur einen Link), und was das <br> am Wnde noch soll, wenn du mit dem Absatz eh schon ne neue Zeile erzeigst.

[Matze]

<a class="nav" href="impressum.htm"><p class="link1">Impressum</a></p><br>

Fällt dir was auf?

Du machst das <a> vor dem <p> auf.

Richtiger wäre:

<p class="link1"><a class="nav" href="impressum.htm">Impressum</a></p><br>

...Wobei zu überlegen wäre, ob du das komische <p> überhaupt brauchst (Wo ist der Absatz? ich sehe nur einen Link), und was das <br> am Wnde noch soll, wenn du mit dem Absatz eh schon ne neue Zeile erzeigst.

das <br> ist für einen zusätzlichen Abstand da,
aber genau das war der Fehler, schon peinlich das ich da nicht selbst draufgekommen bin :)
vielen dank für die schnelle und kompetente Hilfe!

gruß Matze

[Jonathan]

das <br> ist für einen zusätzlichen Abstand da,

Abstände machst du besser mit margin/padding über CSS. Und die <p>s solltest du vielleicht durch ein <ul> mit <li>s ersetzen.

(Soll jetzt nur ne Anregung sein, den Code besser zu stukturieren und aufzuräumen.)

[MudGuard]

Hi,

A.nav {
Color: 000000; text-decoration: none; font-weight: 700;
color: 000000; text-decoration: none;
background-color: #c6c6c6; border-top-color:f3f3f3; border-left-color:000000;
border-right-color:f3f3f3; border-bottom-color:000000; border-width:2px;
Color: FFFFFF; text-decoration: none;
background-color: #c6c6c6; border-top-color:f3f3f3; border-left-color:000000;
border-right-color:f3f3f3; border-bottom-color:000000; border-width:2px;
Color: FFFFFF; text-decoration: none; font-weight: 700;
background-color: #c6c6c6; border-top-color:f3f3f3; border-left-color:000000;
border-right-color:f3f3f3; border-bottom-color:000000; border-width:2px;
background-color: d4d4d4; Margin: 1cm 0px 0px 0px;

Bis auf 2 Ausnahmen hast Du nur ungültige Farbwerte angegeben.

Du solltest Deine Codes (HTML und CSS) auf Korrektheit prüfen (http://validator.w3.org/ und http://jigsaw.w3.org/css-validator)

cu,
Andreas