CSS alternative to display: field for IE and Opera?

Question

I use display: box for a flexible div width with three cells of the same size and with equal spacing. This works fine for Firefox, Safari, and Chrome, but not in IE and Opera. I am wondering what is the best alternative method for IE and Opera. Here is the screen: box 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;
}

And HTML:

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

You can see it in action here .

I would be glad to hear an alternative method to achieve a similar result in IE and Opera.

Thank,

Nick

Answer 1

Flexie implements support for this in browsers that do not support display: box;.