为什么IE7特定脚本会破坏IE8中网页的外观？

Question

IE7确实水平显示我的导航栏而不是垂直显示。在网上搜索我发现了一个优秀的stackoverflow解决方案：IE7 does not understand display: inline-block 一切都运行良好的IE7 - 导航栏水平出现 - 但IE8的IE7脚本外观完全取消（空白页） - 如果我删除脚本IE8再次正常工作。

所以这是我添加到头部的脚本：

<!–-[if IE 7]>
<link rel="stylesheet" href="ie7.css" type="text/css" />
<![endif]–->

和相应的样式表：

ie7.css：

nav ul li {
     display: inline-block; 
     *display: inline;
     zoom: 1; 
   }

导航的样式表

的main.css：

nav {
    font-family:'freestyle script', sans serif;
    font-weight:1000;
    background-color: transparent;
    text-align:left;
    display:block;

}
nav ul {
    list-style: none; 
    margin: 0px 0px 0px -15px;
}
nav ul li {
    float: inside;
    display: inline-block; 
    border-radius: 20px;
    margin: 23px;
    padding: 0px 23px 0px 0px;
}

IE8意外问题的解释是什么？是否有解决方案让IE8再次运行。