<span> Elemente und zwischenabstand

[Asto]

Hallo...

Folgendes Problem,

ich habe mehrere untereinander aufeinanderfolgende <span> Elemente in meinem Code. Etwa so:

  
<span class='navi_inactive'>1</span> <span class='navi_text_inactive'>Anfrage</span><br />  
  
<span class='navi_active'>2</span> <span class='navi_text_active'>Qualit&auml;ten w&auml;hlen</span><br />  
  
<span class='navi_inactive'>3</span> <span class='navi_text_inactive'>Best&auml;tigen</span><br />  

Innerhalb eines <td> Tags einer Tabelle wird zwischen den einzelnen <span> Elementen ein kleiner Platz von ca. 2px erzeugt.

Fuege ich das ganze allerdings in eine <div> Box ein verschwindet dieser Platz und die Elemente kleben aneinander (was sehr haesslich aussieht).

Ich kann so viele margin Aangaben wie ich will, nach links/rechts tut sich auch was, nach oben/unten aber keine spur von margin.

Im folgenden noch CSS Code der Box indem die <spans> sind:

  
#box_navi {  
 font-size:12px;  
 width: 156px;  
 padding: 4px;  
 border: 1px solid grey;  
 color: black;  
 overflow:visible;  
  
}  
  
#box_navi {  
  background-color: #ffffff;  
 position: fixed;  
 top: 170px;  
 left: 305px;  
 position: expression("absolute");  
 top: expression(parseInt(document.body.scrollTop + 170));  
}  
  
#box_navi[id] {  
 position: fixed;  
}  

Und die anderen beiden navi Klassen noch:

  
.navi_active {  
 padding:0px 4px;  
 color:#ffffff;  
 background:#f00;  
 border:1px solid #f00;  
 font-size:10px;  
}  
  
.navi_inactive {  
 padding:0px 4px;  
 color:#000000;  
 background:white;  
 border:1px solid black;  
 font-size:10px;  
}  

Danke, Danke, Anke.... :-)

Asto.