Pixelräuber: Problem mit Navigation in mehren Browsern

Beitrag lesen

Hallo!

Ich habe folgendes Problem. Die Navigation wird nicht in allen Browsern so
angezeigt, wie ich es gerne hätte.
Hier ein paar Bilder

Normal sollte jeder Link in eine Zeile. In den meisten Browser ist das so aber nicht in den älteren.

Hier der HTML code

<div id="sidebar1">  
    <a href="index.html" class="navi">Startseite</a><br>  
  <br>  
  <a href="fossilien.html" class="navi">Fossilien</a><br>  
    <br>  
  <a href="fundstellen.html" class="navi">Fundstellen</a><br>  
    <br>  
  <a href="fundecampan.html" class="navi">Funde</a><br>  
  <br>  
  <a href="kinder.html" class="navi">Für Kinder</a><br>  
    <br>  
  <a href="praeparation.html" class="navi">Präparation</a><br>  
    <br>  
  <a href="hefte.html" class="navi">Ap-H Hefte</a><br>  
    <br>  
      <a href="sonderhefte.html" class="navi">Sonderhefte</a><br>  
  <br>  
    <a href="autoren.html" class="navi">Die Autoren</a><br>  
    <br>  
  <a href="buchbesprechung.html" class="navi">Buchbesprechung</a><br>  
  <br>  
  <a href="literatur.html" class="navi">Literaturhinweise</a><br>  
    <br>  
      <a href="termine.html" class="navi">Termine</a><br>  
    <br>  
    <a href="ueberuns.html" class="navi">Über uns</a><br>  
  <br>  
  <a href="links.html" class="navi">Linkliste</a><br>  
  <br>  
  <a href="mitglied.html" class="navi">Mitglied werden</a><br>  
      <br>  
  <a href="anzeigen.html" class="navi">Tauschen/Handeln</a><br>  
  
<!-- end #sidebar1 --></div>

Hier der CSS Code

#sidebar1 {  
	margin-top: -120px;;  
	text-align: center;  
	float: left;  
	width: 235px;  
	background-image:url(../images/button.png);  
	background-repeat: repeat-y;  
	padding: 9px 0;  
	min-height: 403px;  
}

Mit freundlichen Grüßen

Pixelräuber