Centrer horizontalement une liste d'images

Bonjour,

Je voudrais centrer une liste d'images mais je n'y arrive pas.

#menu_content ul{
width:980px;
height:100%;
margin:auto;
list-style:none;	
}

#menu_content li{
float:left;
height:48px;
padding:10px 20px 10px 20px;
cursor:pointer;
}

                <div id="menu_content">
                    <ul>
                        <li><img src="PICTURES/comments.png" /></li>
                        <li><img src="PICTURES/email.png" /></li>
                        <li><img src="PICTURES/general.png" /></li>
                        <li><img src="PICTURES/news.png" /></li>
                        <li><img src="PICTURES/rss.gif" /></li>
                        <li><img src="PICTURES/users.png" /></li>
                    </ul>
                </div>

Les textalign ne marche sur des images, les margin auto non plus.

Je ne vois pas.

Merci
Modifié par Aurelien075 (15 Nov 2008 - 13:19)

Si l'élément parent de img est en float:left; ça ne pourra qu'être aligné à gauche...

En ne changeant rien à ton HTML, et avec ce code CSS, c'est bien centré :

			#menu_content ul{
				border: 1px solid #eef;
				width:980px;
				height:100%;
				margin:auto;
				list-style:none;	
			}
			
			#menu_content ul {
				margin: 0 auto;
				padding: 0;
			}
			#menu_content li{
				margin: 0;
				padding: 0;
				text-align: center;
				height:48px;
				padding:10px 20px 10px 20px;
				cursor:pointer;
			}

@+