HTML und Darstellung im Browser

Hallo zusammen

Ich versuche schon seit Längerem ein unschönes Detail in meiner Webseite zu beheben.
Im Anhang befindet sich die Ansicht und das Problem ist auch gleich sichtbar - Der Text in den in zwei Spalten derselben Tabelle wird im Browser vertikal versetzt angezeigt. Wie kann ich das beheben?

Link auf die Webseite: paragliding-urnersee.ch/streckenflugseminar

HTML-Code:

<table width="100%" border="0"><colgroup> <col width="24%" /> <col width="76%" /> </colgroup>
<tbody>
<tr>
<td valign="top"><strong>Voraussetzungen</strong></td>
<td valign="top">
<ul type="square">
<li>Jeder Teilnehmer nimmt auf eigene Verantwortung am Streckenflugtraining teil und lehnt jegliche Haftungsansprüche gegenüber den Trainingsleitern ab.</li>
<li>Versicherung ist Sache des Teilnehmers</li>
<li>Anmeldung für den SMS-Dienst</li>
<li>Sicheres Starten bei starkem und schwachem Wind</li>
<li>Selbständigkeit bei Flugentscheidungen in fremdem Gelände</li>
<li>Sich an seine Grenzen herantasten, nicht über seine Grenzen gehen</li>
</ul>
</td>
</tr>

Zusätzlich habe ich als Aufzählungszeichen ausgefüllte Quadrate gewählt(die werden im Editor des Backends auch korrekt angezeigt), im Browser werden dann jedoch leere Kreise als Aufzählungszeichen angezeigt. Habt Ihr eine Lösung für dieses Problem?

Hattu schon mal das probiert?

styles.css (Zeile 31)

Hallo

Hat geklappt! Habe dann auch noch gleich andere kosmetische Änderungen vorgenommen.
Vilä Dank!

Ist gestern ein bisschen schnell gegangen, so wie ich beschrieben habe, sind alle margins auf 0 gesetzt, was vielleicht nicht unbedingt das ist, was du haben möchtest. Es gibt verschiedene Möglichkeiten:
Aber danke einewääg für die Rückmeldung.

Hallo

Vilä Dank für diä Zusatzinformation, has usprobiert - jetzt stimmet wirklich alli Abständ!
Gruäss

Smashing - toll :-*