Afficher / Masquer des "calques" sans javascript

Bonjour à tous

J'ai suivi ce tuto pour une page de mon site mais je n'arrive pas à faire une mise en page correcte sous IE et Firefox pour que le cadre s'adapte à la longueur du texte, ou que le texte soit centré en hauteur.

Voici un exemple ici qui fonctionne de manière identique sous IE et firefox mais pas comme je veux.

a:hover span{
display: inline;
position: absolute;
margin-left:auto;
margin-right:auto;
top: 58px; 
left: 354px;
width: 250px;
height: 10em;
color: white;
z-index:8;
text-align:justify;
font-size:large;
border-color:#999999;
vertical-align:middle;
background-image:url(../_img/_corps/trans.png);
	padding: 3px;
	border: 1px solid green;
		-moz-opacity:0.6;
	opacity: 0.6;
	filter:alpha(opacity=60);
}

et un autre ici qui est bien avec Firefox mais pas avec IE.

a:hover span{
display: inline;
position: absolute;
margin-left:auto;
margin-right:auto;
top: 58px;
left: 354px;
color: white;
z-index:8;
text-align:justify;
font-size:large;
border-color:#999999;
vertical-align:middle;
background-image:url(../_img/_corps/trans.png);
        padding: 3px;
        border: 1px solid green;
                -moz-opacity:0.6;
        opacity: 0.6;
        filter:alpha(opacity=60);
}

Voila si vous pouvez m'aider un peu...

Bonjour,

as tu essayé en rajoutant juste "width: 250px;" dans ton code du bas ?
Modifié par veskario (08 Aug 2006 - 09:19)