Centrer une image

Bonsoir,

Je voudrais centrer une photo sur ma page mais je ne comprends pas pourquoi
un espace se crée entre le bord gauche de la div et le bord de la photo.

Voir la miniature jpg en bas de page.

Merci pour votre aide.

Salutations

<div id="Contenu">

 <h1> 
    AAAAA
</h1>

 <h2>
   <div class="BBBBB</div>
 </h2>

<ul div id="unephoto">
<li>
		<img src=".png" alt="" width="450" height="350"  />	 
</li>
  </ul>

<div class="texteB">
     <p>CCCCCC</p>
</div>

<div id="boutons">
     <ul>
    	<li><a href="javascript:Fermer();">Accueil</a></li>
           <li><a href="../.html">Page 2</a></li>
    </ul</div>
</div>

</div>

#Contenu {
	margin-top:1%;
	position:fixed;
	margin-left:5%;
	margin-right:10%;
	width:90%;
	height:100%;
	font-weight: normal;
	z-index:1;
	
   }

h1 {
	margin-top:2.5%;
	width:100%;
	text-align: center;
	color:#FFCC00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
   }
   
h2 {
	margin-left:5%;
	padding-bottom:0.5%
	width:90%;
	height:50px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#6699FF;
	vertical-align: middle;
	font-size: 32px;
	font-weight:100;
	z-index:6;
   }

ul#unephoto {
	width:450px;
	margin-top:2.5%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
    }

#boutons {
	clear:both;
	float:right;
	position:relative;
	left:-51.50%;
	text-align:left;
	height:1.55em;
    }

#boutons ul {
	list-style:none;
	position:relative;
	left:48.5%;
    }
	
#boutons li {
	float:left;
	position:relative;
    }		

Modifié par jmde1 (07 Jan 2012 - 11:20)

Bonjour,

Quel est l'intérêt de placer cette image dans une liste (avec un seul item) ?
Concernant ton problème, voici un lien intéressant qui pourra peut-être t'aider à le solutionner : Rendu par défaut des éléments HTML

a écrit :
<ul div id="unephoto">

C'est une nouvelle balise ???

a écrit :
<div class="BBBBB</div>

<ul div id="unephoto">

attention tu as plusieurs erreur Html.

la solution a ton probleme initial a deja été donné il y a 2 messages