Fixing opera's missing percent fractions

by kizu

HTML

<div class="wrapper">
    <div class="box px">
        px box
        <div class="inner">inner</div>
    </div>
    <div class="box">
        % box        
        <div class="inner">inner</div>
    </div>
    <div class="box fix">
        fix box        
        <div class="inner">inner</div>
    </div>
    <div class="box betterfix">
        <div class="betterfix-in">
            fix box        
            <div class="inner">inner</div>
        </div>
    </div>
</div>

CSS

.wrapper {
    width: 333px;
    border: 1px solid #000;
}

.inner {
    background: red;
}

.box {
    width: 15.633%;
    background: #006;
    color: #999;
    margin: 5% .55%   
}

.px {
    width:52px;
}

.fix {
    width: 15%;
    padding-right: .633%
}

.betterfix {
    width: 15%;
    padding-right: .633%
}

.betterfix-in {
    margin-right: -4.22%;
}