今天偶然間用IE7訪問了一下我的網站，發現網站寫了display: inherit的ul塊竟然是空白的。用IETester的DebugBar調試了一下代碼，發現ul竟然被擠到一邊去了。但是在IE6、IE8、Firefox、chrome等等瀏覽器都是正常的。

查看了一下代碼，是這樣寫的：

.li_word {
    display: inherit;
    padding: 4px 0 3px;
}

我用IE8瀏覽器的“兼容性視圖”訪問了一下網站，發現也有這個問題。

針對于IE8是非常好解決的，只要在頁面頂部增加一個

<meta http-equiv="X-UA-Compatible" content="IE=8" />

就可以了，強制開啟IE8的標準渲染模式，而不使用IE7的兼容模式。

當我在使用搜狗高速瀏覽器兼容模式測試訪問網站也是如此，看樣子搜狗的兼容模式其實就是IE7的兼容模式。但是360和遨游等卻都已經默認是IE8的標準渲染模式，不知道搜狗是怎么想的。

雖然IE7用的人已經非常少了，但是還是要考慮到，所以總要解決之。

最終的解決辦法：

里面沒有寫width，加上了width: 100%調試一下，發現正常了。

.li_word {
    display: inherit;
    padding: 4px 0 3px;
    width: 100%;
}

這可能是IE7的一個BUG，也可能是俺書寫的不規范？總是就是這樣解決了 :(