Альтернатива CSS для отображения: поле для IE и Opera?

Question

Я использую display: box для гибкого div ширины с тремя прямоугольниками одинакового размера и с одинаковым интервалом. Это прекрасно работает для Firefox, Safari и Chrome, но не в IE и Opera. Мне интересно, какой будет лучший альтернативный метод для IE и Opera. Вот дисплей: поле CSS:

.box {
    display: -moz-box;
    display: -webkit-box;
    display: box;
    width: 100%;
}

.box1, .box2, .box3 {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    box-flex: 1;
    width: 0;
}

.box2, .box3 {  
    margin-left: 20px;
}

И HTML:

<div class="box">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
</div>

Вы можете увидеть это в действии здесь .

Я был бы рад услышать об альтернативном методе достижения аналогичного результата в IE и Opera.

Спасибо

Ник

Answer 1

Flexie реализует поддержку этого в браузерах, которые изначально не поддерживают display: box;.