[Résolu] Positionnement zone cliquable ok avec FF pas avec IE/Safari

Bonjour,

Je rencontre un petit problème avec une zone cliquable ronde qui se positionne différemment selon le navigateur. Avec FF pas de problème mais avec IE ou Safari la zone se place en haut à gauche dans la fenêtre du contenu. Je ne sais pas d'où ça vient !. Toute aide sera la bienvenue !

avec un lien c'est plus parlant : www.volume-z.com/index2.html

merci,

Christophe.

Voici le HTML :

<div id="maincontent">
<div class="anim">
<img alt="actualité..." src="picto/actu.png" width="130" height="130" border="0" usemap="#map" />
<map name="map" id="map">
<area alt="zone cliquable" shape="circle" coords="65,65,65" href="actualite.html" />
</map>
</div>
<p>texte en dessous... blablabla</p>
</div>

Voilà le CSS :

div#maincontent 
{padding-top:10px; 
padding-bottom:10px;
text-align: justify;
font-size: 1.1em;
line-height: 1.4em; 
border-left: 1px #777777 solid;
border-right: 1px #777777 solid;
color: #000000;}
 
div.anim 
{margin-top:-10px; 
background:url(picto/batanim.png) no-repeat left top; height:440px;}

div.anim img 
{padding:300px 550px;}

Modifié par Yumyumnoodle (18 Jan 2009 - 13:39)

Avec : div.anim img {top:300px; left:550px; position: relative;}
plutôt que : div.anim img {padding:300px 550px;}
ça marche !!!

erreur de débutant je suppose !!!