事業部的高度不IE8

我有下面的代碼更改事業部的高度不IE8

body 
{ 
    background-color: #000000; 
    margin: 0; 
    padding: 0; 
    font-family:Arial; 
} 

#conteudo 
{ 
    height: 100%; 
    width: 100%; 
} 

#data_hora 
{ 
    float: right; 
    font-size: 50px; 
    color: #E0E428; 
    margin-top: -90px; 
    margin-right: 40px; 
} 

#nome_patio 
{ 
    text-align: center; 
    font-size: 80px; 
    color: #E0E428; 
    width: 100%; 
    font-weight: bold; 
} 

#cor_patio 
{ 
    border: solid 1px #FFFFFF; 
    height: 10px !important; 
    width: 80px; 
    background-color: #E0E428; 
    margin-right: 20px; 
}

所以，我試圖改變DIV cor_patio高度，但沒有任何反應。 ..爲什麼？

OBS：當我從nome_patio刪除font-size，它工作正常。

來源

2012-03-09 Vinicius Ottoni

嘗試'變焦：1'上該div，我不能告訴我們，如果它的正確性有沒有。 – 2012-03-09 14:52:24

在IE8中適合我。這個小提琴是否適合你？ http://jsfiddle.net/8Rpcd/1/ – Turnip 2012-03-09 14:54:33

適用於我在IE8和IE7中，但IE7將居中div cor_patio和IE8不會 – zgood 2012-03-09 14:55:35

我解決了這個解決方案：

<div id="patio"> 
    <span id="cor_patio"></span><span id="nome_patio">#NOME_PATIO#</span> 
</div>

CSS：

#patio 
{ 
    text-align: center; 
    width: 100%; 
} 

#cor_patio 
{ 
    height: 63px; 
    width: 63px; 
    background-color: #E0E428; 
    margin-right: 30px; 
} 

#nome_patio 
{ 
    font-size: 80px; 
    color: #E0E428; 
    font-weight: bold; 
}

來源

2012-03-09 17:13:41