Tabelle wird unerwartet gesteckt

[romero]

Ich brauche hier dringend Hilfe von euch.

Ich komm hier irgendwie nicht weiter. Ich habe nun meine Tabelle in der CSS-Anweisung die border-collapse auf collapse gestellt. Und meine td's einen einfachen Rahmen zugewiesen (border:1px solid black).

Die betreffende Zeile:

			<tr class="Zeile22" id="div-container">  
				<td class="Spalte1"></td>  
				<td colspan=10 bgcolor=#FFFFFF class="Spalte27"><p id="msgs" class="rollbalken"></p></td>  
				<td class="Spalte1"></td>  
			</tr>

Das sieht dann wie folgt aus:

Da erkennt man schön den Rahmen von ca. 5px auf der linken Seite, so wie gewünscht.

Und die dazugehörige CSS-Anweisung dazu lautet wie folgt:

.Tabelle1 {  
 width:1126px;  
 display:none; /* --> wird später sichtbar gemacht */  
 margin:0px;  
 padding:0px;  
 border-collapse:collapse  
 }  
  
.rollbalken {  
 margin:0px;  
 padding:5px;  
 border:2px;  
 border-style:inset;  
 }  
  
td.Spalte27 {  
 width:1108px;  
 margin:0px;  
 padding:0px;  
 }

Und wenn ich aber unter:

.rollbalken {  
 margin:0px;  
 padding:5px;  
 border:2px;  
 border-style:inset;  
 }

folgendes eintrage,

.rollbalken {  
 width:1104px; /* --> der besagte Unterschied */  
 margin:0px;  
 padding:5px;  
 border:2px;  
 border-style:inset;  
 }

,sieht es nun wie folg aus:

Egal ob ich da ein <div> oder ein <p> setze, es verschiebt es immer. Aber warum?

LG Romero