Internetexplorer, Problem mit Floats und absoluter Positionierun

[suit]

<div style="width: 200px; height: 100px;">
  <p style="width:100%; position:absolute; text-align: center;">Entwicklungszklus<p>
  <div class="phase" style="width: 100px; background: red;">a</div>
  <div class="phase" style="width: 70px; background: blue;">b</div>
  <div class="phase" style="width: 30px; background: green;">c</div>
</div>

Dieser Code zeigt die Phasen übrigens untereinander an. Mit float:left z.B. würde es richtig aussehen aber die Position von "Entwicklungszyklus" durcheinanderbringen.

  
p {  
 float: left;  
 width: 100%;  
 margin: 0;  
 padding: 0;  
 text-align: center;  
}

das sollte eigentlich nix durcheinander bringen