以下HTML是从aspx页面。这是关于第一个孩子DIV元素。在IE7中，HTML将呈现出我期望的，即使该DIV元素为空。它应该是其父级的宽度的大约1/3，但是在FireFox中，它将折叠到零宽度。所有3个div都是浮动的。无论如何，我的问题是如何至少在FireFox中将空DIV的宽度保持在32％，最好是Safari，Opera和Chrome。我希望修复将纠正所有浏览器中的问题。毫无疑问，原因是我缺少CSS知识，结合IE7可能的错误渲染。它的行为可能正确。任何人都可以帮我解决这个问题吗？
<div style="padding-left: 4px ! important; overflow: auto; width: 96% ! important;" class="fullwidthdiv">
<div style="width: 32% ! important;" class="oneThirdColumn"></div>
<div style="width: 32% ! important;" class="oneThirdColumn">
$<input type="text" style="width: 70px;" class="underlinedTextBox updateReserveAmount" tabindex="123" id="ctl00_DefaultContent_payment1_paymentfrmView_updateReserveAmount" maxlength="11" name="ctl00$DefaultContent$payment1$paymentfrmView$updateReserveAmount">
</div>
<div style="width: 32% ! important;" class="oneThirdColumn">
<input type="submit" style="width: 120px;" class="updateReserve" tabindex="124" id="ctl00_DefaultContent_payment1_paymentfrmView_btnReserve" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$DefaultContent$payment1$paymentfrmView$btnReserve","",true,false,false))" value="Update Reserve" name="ctl00$DefaultContent$payment1$paymentfrmView$btnReserve">
</div>
</div>
