Css 具有响应性设计的IE 8浮动问题

我只知道如何让刚刚戒烟的人再吸烟！！ 我正试图完善这一响应导航菜单（以及我开发的另一个网站），以响应IE8（我不确定www.testing123.co.za/test1.htm中的导航是什么样子）

当我重新调整浏览器窗口的大小时，NAV似乎忽略了我的媒体查询，或者IE8不喜欢这种设计中涉及的浮动。我似乎认为是后者

我做了一些研究，听说应该在你的页面中包含这些内容，以便应用媒体查询，但在包含js文件时，我仍然运气不佳。我不确定我在这里可能做错了什么？ 我包含了js文件，如下所示：

<script src="css3-mediaqueries.js"></script>

1100px以下的视口（小型设备1100.css）：

825px（small-device825.css）下的视口：

350px以下的视口（small-device350.css）：

---

标签[internet-explorer-8]和[html5]不配合。我同意，但这不是为什么我们放：？你真的应该尝试浮动

li

元素，并将相关样式移动到它们，看看是否有帮助。你当前的设置似乎有些奇怪。我想说，我已经这样做了。请看一下我的原始帖子-我已经更新了它，并添加了全局和媒体查询S.定义。

nav {
width: 90%;
margin: 0px auto;   
}

nav ul {
list-style: none;
overflow: hidden;

}

nav li a {
background: #444;
border-right: 1px solid #fff;
color: #fff;
display: block;
float: left;
font: 100 24px/1.4 TrumpGothicWestRegular;
padding: 10px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
width: 12.5%;
min-height:80px;
padding-top:60px;
}
nav li a img { padding-bottom:5px; display:block; margin: 0px auto; }

/*SMALL*/
nav small {
color: #aaa;    
font: 100 11px/1 Helvetica, Verdana, Arial, sans-serif;
text-transform: none;

}

nav li a:hover {
background: #222;
}

nav li:last-child a {
border: none;
}

nav li a {
    font: 100 21px/1.4 TrumpGothicWestRegular;
    min-height:inherit;
    padding: 10px;
}

nav small {
    font: 100 8px/1 Helvetica, Verdana, Arial, sans-serif;
}
nav li a img { display:none; }

nav li a {
    width: 33.333333333333333333333333333333%;
    border-bottom: 1px solid #fff;
    font: 100 24px/1.4 TrumpGothicWestRegular;

}

nav li:last-child a, nav li:nth-child(3) a {
    border-right: none;
}

nav li:nth-child(4) a, nav li:nth-child(5) a, nav li:nth-child(6) a {
    border-bottom: none;
}

nav li a {
    width: 50%;
    font: 400 21px/1.4 TrumpGothicWestRegular;
    padding-top: 12px;
    padding-bottom: 12px;
}

nav li:nth-child(even) a {
    border-right: none;
}

    nav li:nth-child(3) a {
    border-right: 1px solid #fff;
}


nav li:nth-child(4) a, nav li:nth-child(5) a {
    border-bottom: 1px solid #fff;
}