與IE10的DIV位置問題

Question

你知道爲什麼在IE10上我的「錯誤」信息與我的表單中的「Envoyer/Submit」按鈕重疊，以及如何解決這個問題？它在safari上運行良好，因此不確定問題是什麼。此外.error有一個float: left但似乎沒有工作。 這裏是一個的jsfiddle：http://jsfiddle.net/u6Kre/

感謝您的幫助

.error { 
    position: absolute; 
    display: none; 
    display: block; 
    background: #EF6666; 
    display: inline; 
    padding: 3px 10px 3px 10px; 
    top: 210px; 
    float: left; 
} 

形式不找OK

形式尋找可行的（如Safari瀏覽器）

（即IE10）。

Answer 1

你不需要float: left絕對位置和display: inline也沒有必要爲，元素絕對定位被視爲display: block，做到：

.error { 
    position: absolute; 
    background: #EF6666; 
    padding: 3px 10px 3px 10px; 
    top: 210px; 
    left: 0; //to show it on left 
} 

Answer 2

.error { 
    position: absolute; 
    display: none; 
    display: block; 
    background: #EF6666; 
    display: inline; 
    padding: 3px 10px 3px 10px; 
    top: 210px; 
    left:0px; 
}