使用Webkit中未正确呈现的百分比调整输入大小

我接到了一项奇怪的任务。

我们有一个表单的png图像,我们将HTML表单元素覆盖在上面。由于我们的用户使用各种各样的设备,我不得不设计它,使表单大小保持在浏览器宽度的95%。因此,所有表单元素都使用百分比来定位和调整大小(是的,我知道这很难看,但它很有用)。

我注意到了我所认为的一个bug,并想知道是否有其他人遇到过这种情况:在Webkit浏览器上,仅在Mavericks上,而且只是偶尔,当页面加载时,字段会显示为空白。它们有值(可以通过调用jQuery.val()命令来演示),但它们只是不可见。在调整窗口大小或选择字段时,该值会神奇地出现。

这让我很困惑,而且很奇怪,这是一系列孤立的因素。

还有谁能复制,或遇到过这种情况,以及我如何解决这种情况?实际上,我已经能够进行“黑客修复”,在页面加载时,我将主要内容div的大小从95%调整到95.01%,重新绘制修复了所有问题,但我不喜欢这样的黑客。