<div id="nav">
<ul>
<li><a href="#"><i class="fa fa-map-marker"></i>home</a></li>
<li><a href="#"><i class="fa fa-comment"></i>forum</a></li>
<li><a href="#"><i class="fa fa-globe"></i>computer news</a></li>
<li><a href="#"><i class="fa fa-users"></i>team</a></li>
<li><a href="#"><i class="fa fa-gamepad"></i>wargames</a></li>
</ul>
</div>
Con el estandard html5 creo que es mejor usar
<nav id="nav">
<ul>
<li><a href="#"><i class="fa fa-map-marker"></i>home</a></li>
<li><a href="#"><i class="fa fa-comment"></i>forum</a></li>
<li><a href="#"><i class="fa fa-globe"></i>computer news</a></li>
<li><a href="#"><i class="fa fa-users"></i>team</a></li>
<li><a href="#"><i class="fa fa-gamepad"></i>wargames</a></li>
</ul>
</nav>
Visualmente no hará ninguna diferencia, pero el tag NAV es más apropiado ya que identifica que es un bloque dedicado a la navegación.
Tambien, para no sufrir tanto con compatibilidad html-css entre navegadores y ya te lo recomendaron: bootstrap.
http://getbootstrap.com/examples/navbar/No tienes que usar todo el bootstrap, puedes compilar online en la web solamente el componente navbar. (opcionalmente dropdown tambien, si lo necesitas)
Personalizas luego navbar navbar-default y te asegura un 90-99% compatibilidad en los navegadors modernos. ie11, chrome y firefox.
Saludos.