Colocar botones de redes sociales en la barra de navegación

Hola, tengo casi terminada mi plantilla, y para terminar me gustaría poner un boton de facebook y de otro twitter al final de la barra de navegación, como los de esta web.El lugar lo señalo en la siguiente imagen; si es problema de tamaño reduzco los botones del menu para que quepan bien.
Muchas gracias y un saludo.
No, pero es que se me colocan por abajo de los botones del menu. Que debo hacer para colocarlos al lado de el último boton tal como señalé en la imagen si mi codigo html es este:


<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo"><a href="index.html"><img src="objetos/cabecera1.png" width="270px"
height="80px" alt="Haz clic aquí para volver a la página de inicio"></a></div>
<div id="publicidad"></div>
</div>

</head>

<body>


<div id="navegacion">
<ul>
<li><a href="#"><img src="objetos/inicio.png" alt=""></a></li>
<li><a href="#"><img src="objetos/ultimasrecetas.png" alt=""></a></li>
<li><a href="#"><img src="objetos/toprecetas.png" alt=""></a></li>
<li><a href="#"><img src="objetos/chocoadictos.png" alt=""></a></li>
<li><a href="#"><img src="objetos/enviarreceta.png" alt=""></a></li>

</ul>
</div>

</body>
<div id="contenido">
<h1>¡Bienvenidos a<font color=#D2691E>"Golosos.com"<font color="black">!</h1>
</div>
<p>En esta web encontrarás fantásticas recetas de repostería casera para tu día a día.
<p>Si te gusta el dulce y eres goloso, ¡esta es tu web!.</p>
<p>En la barra de navegación encontrarás varias secciones:</p>
<font color="white">.</font>
<h2>-Inicio:</h2><p> La pagina principal, en la cual te encuentras ahora; y donde te explico la mecánica<p>
<p>de la web.</p>
<h2>-Últimas recetas:</h2><p>En este apartado encontrarás las últimas recetas publicadas.</p>
<h2>-<font color="gold">Top</font> recetas:</h2><p>Aquí encontrarás las recetas mejor valoradas por los usuarios.
<h2>-Chocoadictos:</h2><p>A todos nos encanta el <font color=#D2691E>chocolate</font>, por lo que esta sección está</p>
<p>dedicada exclusivamente a deliciosas recetas de chocolate.
<h2>-Enviar receta:</h2><p>¡Registrate ya y podrás enviar y compartir tus propias recetas en la web!<p>
<p>(No disponible aún)</p>
<font color="white">.</font>
<p>Así es como funciona la web, ¡pincha ya en la sección que prefieras y disfruta de las recetas!</p>

<div id="pie">
<div id="pieuno">
<ul>
<li><a href="#"></a></li><li><a href="#">Contacto</a></li><li><a href="#"><font color="black">.</font></a></li>
</ul>
</div>
<div id="piedos"><ul>
<li><a href="#"></a></li><li><a href="#">© Copyright 2012</a></li><li><a href="#"><font color="black"></font></a></li>
</ul></div>
<div id="pietres">
<ul>
<li><a href="#"></a></li><li><a href="#">Condiciones de uso</a></li><li><a href="#"><font color="black">.</font></a></li>
</ul>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Debo poner un float o algo en la hoja de estilos?? es que ni idea, por favor respondan
Ponlos como elementos de la lista:

<div id="navegacion">
<ul>
<li><a href="#"><img src="objetos/inicio.png" alt=""></a></li>
<li><a href="#"><img src="objetos/ultimasrecetas.png" alt=""></a></li>
<li><a href="#"><img src="objetos/toprecetas.png" alt=""></a></li>
<li><a href="#"><img src="objetos/chocoadictos.png" alt=""></a></li>
<li><a href="#"><img src="objetos/enviarreceta.png" alt=""></a></li>
<li><a href="http://www.facebook.com/tu_usuario"><img src="logotipo-facebook.png" /></a></li>
<li><a href="http://twitter.com/tu_usuario_twitter"><img src="logotipo-twitter.png" /></a></li>
</ul>
</div>