Tengo un problema con una lista horizontal de imagenes que quiero montar..necesito que quede centrada dentro de un div tipo sidebar y que tenga un margen entre las imagenes pero no se como...alguien sabe?
(x) HTML
<div id="div_redes"> <!-- redes sociales-->
<a href="#" title="ir a redes sociales"><img class="center" src="images/title_redes_soc.jpg" alt="redes sociales"/></a>
<ul>
<li><img src="images/youtube_icon.png" alt="youtube"/></li>
<li ><img src="images/face_icon.png" alt="facebook"/></li>
<li><img src="images/twitt_icon.png" alt="twitter"/></li>
<li><img src="images/myspace_icon.png" alt="my space"/></li>
</ul>
</div>
CSS
#div_redes {
width:245px;
height:200px;
}