Html 定位<；李>；属性？

我很好奇，在定位

属性方面，最好的路线是什么。我已经接管了创建网站的前一位员工的站长职责，我发现这比编辑我自己的网站要困难得多，因为每个人都有不同的做事方式

我的问题是：

在我发布的截图中，Internet Explorer将“联系我们”的“我们”部分下推到下一行。在Chrome/Firefox中，所有这些都显示在一行上，但这需要修复。我可以尝试更改字体（因为我知道IE中字体的呈现导致了这个问题），但是我还需要添加两个菜单选项

我想做的是对其进行设置，以便无论使用何种浏览器，都能按下图所示进行定位：

页脚导航菜单的代码是一个PHP include，当前的内容如下：

<div id="footer_nav">


    <ul class="footer_nav_list">

            <li class="rightindent">&copy;2014 My Company, LLC&nbsp; &nbsp; All Rights Reserved.</li>

            <li><a href="index.php">HOME&nbsp;|&nbsp;</a></li>

            <li><a href="solutions.php">PAGE 1&nbsp;|&nbsp;</a></li>

            <li><a href="solutions2.php">PAGE 2&nbsp;|&nbsp;</a></li>

            <li><a href="support.php">SUPPORT&nbsp;|&nbsp;</a></li>

            <li><a href="careers.php">CAREERS&nbsp;|&nbsp;</a></li><br />

            <li><a href="contact.php">CONTACT US&nbsp;|&nbsp;</a></li>

            <li><a href="sitemap.php">SITEMAP&nbsp;|&nbsp;</a></li>                      

     </ul>     


</div>

---

我尝试的每件事都会适得其反，而且由于此页脚出现在每一页上，因此在我的本地主机之外几乎没有尝试和错误的余地。

请在与我们联系后删除

。看看这个小提琴：另外，在页脚添加更多元素后，您可能会再次遇到问题，因此我在css中设置了

width:100%

。您可以删除此行并取消注释旧的

宽度：940px

编辑：根据我认为您需要的内容更新了小提琴：它应该以您在IE中需要的方式呈现。我仍然会取出

，如果需要，让它滚动。
感谢您花时间，我比您所知更感激它在JSFIDLE中看起来完美，但当我在实际文件中测试它时并非如此。。。这是一个让人头疼的家伙，它在网站上看起来怎么样？你可以PM我的链接或张贴在这里，如果需要的话。
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;

vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

/* STRUCTURE BEGINS */
#footer_nav {
background-color: #2f2f2f;
background-image: url(../images/productsMain/footerBg.png);
background-repeat: repeat-x;
width: 940px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
float: left;
}
#footer_nav .footer_nav_list {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999;
list-style-type: none;
padding-top: 35px;
}
#footer_nav .footer_nav_list ul {
text-decoration: none;
display: inline;
list-style-type: none;
margin-top: 15px;
}
#footer_nav .footer_nav_list li  {
display: inline;
}
#footer_nav .footer_nav_list li a {
color: #999;
text-decoration: none;
padding-top: 25px;
padding-left: 2px;
}
#footer_nav .footer_nav_list li a:hover {
color: #FFF;
}
#footer_nav .footer_nav_list .rightindent {
padding-right: 25px;
}