Html 如何解决这样的浏览器兼容性问题？

我有一个代码，它将文本字段显示为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>

：${promoterVO.pageConfig.promoterCodePart3.mandatory}
--

尝试使用css重置

---

CSS重置确保样式中没有默认的浏览器填充或边距，或任何其他特定于浏览器的内容

你能发布实际的HTML吗。