Problema width con IE7

[tampe125]

Salve a tutti, ho un problema di visualizzazione con IE7, con IE8 e FF è tutto ok.

la situazione è questa: per fare gli angoli arrotondati, creo 3 div in questo ordine: uno con l'angolo di sinistra, uno con quello di destra e uno centrale di collegamento.

questo è il codice html

<div class="round_blue_t1">
	<div class="round_blue_t2">
		<div class="round_blue_t3"></div>
	</div>
</div>

e questo e lo stile CSS

.round_blue_t1 {background: url(../assets/images/round_tl.png) no-repeat scroll 0 0}
.round_blue_t2 {background: url(../assets/images/round_tr.png) no-repeat scroll 100% 0;padding:0 5px}
.round_blue_t3 {background: none repeat scroll 0 0 #37A3F6;height:5px}

andando a guardare sembra quasi che l'ultimo div non sia largo abbastanza. infatti se setto a mano la width (ad es 100px) lo vedo correttamente.
ovviamente con width:100% non funziona

quello che ottengo è in allegato...

qualche aiuto?