IE8填充導致邊框隱藏的解決方法

我正在努力使Web應用程序乾淨地支持IE8，同時繼續支持IE6。在IE8中存在一個知道的錯誤，其中背景重疊並且在表格內使用填充時覆蓋了表格的底部邊界。IE8填充導致邊框隱藏的解決方法

我正在尋找最乾淨的解決方法，因爲在登錄屏幕上留下下邊框缺失不是一個選項。

目前我傾向於向css添加輪廓，因爲它僅在IE 8中可見，如下所示。我想知道是否有其他人有更好的建議。

（我必須承認，我沒有窗戶的ID來檢查錯誤與提交，但我可能會創建一個從家裏，因爲可能有東西在裏面。）

table.tblcontentinfo { 
    font-family: arial, helvetica, san-serif; 
    width: 350px; 
/*  outline: 1px solid #336699; */ 
/* current partial fix above*/ 
    border: 1px solid #336699; 
    background-color: #FFFFFF; 
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 60px; 
    margin-bottom: 0px; 
} 

table.tblcontentinfo td { 
    padding: 2px; 
}

HTML：（是的，客戶是剛纔升級，在這一點上，我們是一個IE只有店，雖然我很想瀏覽器中性溶液）

<body> 
<br /> 
<br clear="all" /> 
<div style="margin-top: 120px; text-align: center;"> 
<div id="realpage" style="visibility: hidden; margin-top: 120px; text-align: center;"> 
<table class="tblcontentinfo"> 
<form name="l" id="l" method="post" action="check" autocomplete="off" > 
    <tr> 
    <td colspan="2" class="bgtitle">&nbsp;<span  class="texttableheader">Title</span></td> 
    </tr> 
    <tr> 
    <td width="125" class="required alignright">Text1&nbsp;</td> 
    <td><input name="text1" type="text" class="formfield" size="22" maxlength="8" tabindex="1" /></td> 
    </tr> 
    <tr> 
    <td class="required alignright">Password&nbsp;</td> 
    <td><input name="password1" type="password" class="formfield" size="22" maxlength="8" tabindex="2" /></td> 
    </tr> 
    <tr> 
    <td></td> 
    <td><input name="Submit" type="submit" class="button" value="Submit" /></td> 
    </tr> 
</form> 
</table> 
</div> 
<div id="msgpage"> 
Some text 
</div> 

</body>

參考： # 50 is the bug I'm trying to workaround IE css support docs (search for outline)

來源

2011-01-28 lief79