title: how to solve such a browser compatibility issue?
body: <p>I have a code that displays the text field as 3 boxes with hyphens in between. It runs fine in firefox, but in IE, the boxes are getting merged. What should I do?</p>
  
  <pre><code>    &lt;div class="fileds-wrapper-left3"&gt;
                          &lt;div class="fileds-inner" style="${promoterVO.pageConfig.promoterCodePart3.visibility}"&gt;
                              &lt;div class="field-left"&gt;
                                  &lt;label&gt;&lt;spring:message
                                          code="rmp.promoter.label.promoter_code" /&gt;:&lt;sup class="error-msg"&gt;${promoterVO.pageConfig.promoterCodePart3.mandatory}&lt;/sup&gt;&lt;/label&gt;
                              &lt;/div&gt;
                              &lt;div class="field-right"&gt;
                              &lt;form:input path="promoterCodePart1" style="width:25px"/&gt;-&lt;form:input path="promoterCodePart2" style="width:40px"/&gt;-&lt;form:input path="promoterCodePart3" style="width:70px"/&gt;&lt;form:errors path="promoterCodePart3" cssClass="error-field" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  </code></pre>