Css IE8不起作用'；向左浮动'；和'；字体'；

嘿，除了IE8，我的网站运行良好。菜单栏显示不正确。我的理论是，左边的浮动不起作用，但它可能是其他东西。而且Calibri字体没有正确显示。有没有办法解决这两个问题。该网站是

这是index.css的导航ul：

nav ul {
width:900px;
list-style: none; 
margin:15px;
position: relative;
}
nav ul li { display::inline;}
nav ul li a {
float:left;
display: block;
padding: 0 15px;
margin: 10px 12px;
color:#fff;
font-weight:600;
font-size:15px;
opacity:1;
}

ie8不承认“导航”是一个元素

最简单的选择是更改为div，或者签出modernizer

<div id="nav">
        <ul class="group">
            <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="about.html" style="text-decoration:none">About</a></li>
            <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="services.html" style="text-decoration:none">Services</a></li>
        <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="testimonials.html" style="text-decoration:none">Testimonials</a></li>
           <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="eagleview.html" style="text-decoration:none">Eagleview</a></li>
            <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="contact.html" style="text-decoration:none">Contact</a></li>
          <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="consulting.html" style="text-decoration:none">Consulting</a></li>
         </ul>
    </div>

etc

ie8不将“导航”识别为一个元素

最简单的选择是更改为div，或者签出modernizer

<div id="nav">
        <ul class="group">
            <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="about.html" style="text-decoration:none">About</a></li>
            <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="services.html" style="text-decoration:none">Services</a></li>
        <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="testimonials.html" style="text-decoration:none">Testimonials</a></li>
           <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="eagleview.html" style="text-decoration:none">Eagleview</a></li>
            <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="contact.html" style="text-decoration:none">Contact</a></li>
          <li style="font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif"><a href="consulting.html" style="text-decoration:none">Consulting</a></li>
         </ul>
    </div>

---

etc

更简单的选项是HTML5。js@Robbie好的，我改变了它，现在它在firefox中也被弄糟了。检查它和source@Robbie我的错，它起作用了！非常感谢你。关于字体交叉浏览器有什么想法吗？不知道“字体交叉浏览器”是什么意思？如果您想知道如何将嵌入式字体嵌入到不同的浏览器中：更简单的选择是HTML5。js@Robbie好的，我改变了它，现在它在firefox中也被弄糟了。检查它和source@Robbie我的错，它起作用了！非常感谢你。关于字体交叉浏览器有什么想法吗？不知道“字体交叉浏览器”是什么意思？如果你想知道如何在不同的浏览器中嵌入字体：{display：：inline；}应该是{display:inline；}另外，我不能右键单击你网站上的inspect元素…不知道为什么，但你应该研究一下。我在win7 chrome上{display:：inline；}应该是{display:inline；}而且，我不能右键单击您站点上的inspect元素…不知道为什么，但您应该查看一下。我用的是win7 chrome