опера

[cyber_ua]

в опере баг с анимацией после выполнения такого кода до полной ширины и обратно

.progress-bar {
	background-color:#1a1a1a;
	height:25px;
	padding:5px;
	width:400px;
	margin-top:100px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:inset 1px 1px 2px #000000, 0 1px 0 #444;
}
.progress-bar span {
	height:25px;
	width:200px;
	display:inline-block;

	moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
		box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
		-webkit-transition: width .4s ease-in-out;
        -moz-transition: width .4s ease-in-out;
        -ms-transition: width .4s ease-in-out;
        -o-transition: width .4s ease-in-out;
        transition: width .4s ease-in-out;


	}
	.blue span {
		background-color:#34c2e3;
	}

хтмл

<div class="progress-bar blue stripes">
    <span id="line" style="width: 10%"></span>
</div>

остается такой эфект в опере.

как избавится от этого?