typisk IE vs FF problem med layer

Jeg prøver at lave et spørgsmål og svar system, og til det har jeg lavet et sådan "bar" system der viser hvor mange % man er kommet, men jeg kan sagtens centrere den i FF og Opera, meen, IE er sorteper... igen

problemet er at "baren" bliver smidt helt ud i højre side af skærmen

her er selve HTML-koden for baren alene

<div class="StatusSamling"><div class="StatusBoks"><div class="StatusBjaelke" style="width: <?php echo $Status; ?>"></div></div><div class="StatusTekst"><?php echo $Status; ?></div></div>

(kan den ikke gøres mere simpel?)

her er CSS koden

.StatusBoks  {
background-color: #e7e7e7;
margin-left: -100px;
position: relative;
left: 50%;
width: 200px;
height: 20px;
border: inset 1px  }

.StatusTekst {
color: #000;
font-size: 14px;
font-family: Courier;
text-align: center;
margin-left: -100px;
position: relative;
z-index: 2;
top: -17px;
left: 50%;
width: 200px }

.StatusSamling {
text-align: center;
margin-bottom: 10px;
left: 0;
width: 100%;
float: left }

.StatusBjaelke  {
font-size: 16px;
line-height: 16px;
background-color: #aaceae;
text-align: center;
z-index: 1;
top: 0;
left: 0;
height: 100%; }

Nogen forslag? den går igennem CSS validatoren (men det ændrer jo ikke noget ved at IE er så irriterende at udvikle noget til!)