I have a decimal variable value I set scale two decimal places that is displayed into an input field. The visualforce page uses dynamic updating of this field and it works great. The problem is when I use firefox all decimal fomatting is removed, its like it turns to an int. (the unitPriceDisplay populates the excl input field). I cannot use the currency formatting field because of a calculation I am not saving to the record for limit purposes.
how it looks ext class:

decimal unitPriceDisplay = eprb.UnitPrice__c.setScale(2, RoundingMode.HALF_UP);

How it looks VisualForce:

<apex:input required="true" value="{!unitPriceDisplay}" type="number" 
label="{!IF(showInclusivePrices, $Label.ExclPrice, ObjectType.EventPackageRevenueBreakdown__c.fields.UnitPrice__c.label)}"
onChange="UpdateInclusivePrice()">
</apex:input>

What it looks like in chrome:

How it looks on Firefox: