Позиционировать <li> атрибуты?

Мне любопытно, какой лучший путь для этого будет в отношении позиционирования атрибутов <li>. Я взял на себя обязанности веб-мастера предыдущего сотрудника, который создал сайт, который я нахожу намного сложнее, чем редактирование, так как каждый имеет разные способы обойти вещи.

У меня проблема:

На скриншоте, который я опубликовал, Internet Explorer подтолкнула "нас" часть "Свяжитесь с нами" до следующей строки. Все это отображается в одной строке в Chrome/Firefox, однако это необходимо устранить. Я мог бы попробовать изменить шрифты (поскольку я знаю, что обработка шрифтов в IE вызвала проблему), однако мне также нужно добавить еще два параметра меню.

То, что я хотел бы сделать, это настроить его так, чтобы независимо от браузера все было бы расположено так, как показано на следующем изображении:

Код для меню навигации нижнего колонтитула - это PHP, который в настоящее время читается следующим образом:

<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, которая состоит из следующего кода:

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;
}

Все, что я стараюсь, держится за спиной, и поскольку этот нижний колонтитул появляется на каждой странице, он оставляет мало места для проб и ошибок за пределами моего локального хоста.