どのようにこのようなブラウザの互換性の問題を解決するには？

テキストフィールドを3つのボックスの間にハイフンで表示するコードがあります。 Firefoxではうまく動作しますが、IEではボックスがマージされています。私は何をすべきか？どのようにこのようなブラウザの互換性の問題を解決するには？

<div class="fileds-wrapper-left3"> 
         <div class="fileds-inner" style="${promoterVO.pageConfig.promoterCodePart3.visibility}"> 
          <div class="field-left"> 
           <label><spring:message 
             code="rmp.promoter.label.promoter_code" />:<sup class="error-msg">${promoterVO.pageConfig.promoterCodePart3.mandatory}</sup></label> 
          </div> 
          <div class="field-right"> 
          <form:input path="promoterCodePart1" style="width:25px"/>-<form:input path="promoterCodePart2" style="width:40px"/>-<form:input path="promoterCodePart3" style="width:70px"/><form:errors path="promoterCodePart3" cssClass="error-field" /> 
          </div> 
         </div>

出典

2012-03-14 Asnsac

実際のHTMLを投稿できますか？ –