Css effet zoom sur un boutton

Bonjour à tous,

j'ai un souci avec un script qui simule un zoom sur un images en affichant une autre plus grande. le zoom s'effectue mais il n'est pas centre;
code css :

.bouton-big-red a {
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	font-size: 17px ;
	text-align:left;
	color:white;
	text-decoration:none;
	display:block;
	padding:20px 10px 10px 10px;
	background:url(images2/bouton/BoutonBigRedOff.png) no-repeat;
}
.bouton-big-red a p {
	text-transform: lowercase;
	font-weight: bold;
	display:block;
	font-size: 12px ;
	line-height:  14px;
	text-align:left;
	color:white;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
}
.bouton-big-red a:hover {
	width:248px;
	height:63px;
	font-size: 19px ;
	background:url(images2/bouton/BoutonBigRedOver.png) no-repeat;
}
.bouton-big-red a:hover p {
	text-transform: lowercase;
	display:block;
	font-size: 13px ;
	line-height:  15pt;
	text-align:left;
	color:white;
	text-decoration:none;
}

code html :

<div class="bouton-big-red">
	<a href="#">Titre<p>sous titre</p></a>
</div>

j'ai un autre problème concernant les marges mais je ne sais pas lequel.

merci pour vos interventions.

*Edition pour mise en forme du code...Merci de lire les liens fournis plus bas
Modifié par 6l20 (29 Dec 2009 - 15:40)

Salut,

Pourrais-tu héberger et/ou fournir un lien vers ta page en ligne ?
Ça permettrait de t'aider plus aisément.

Bonjour et bienvenue parmi nous

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.



Concernant ta problèmatique, comme te le signale Akhilleus, une page en ligne facilitera grandement l'aide que nous pourrions éventuellement t'apporter...
Néanmoins, un code valide devrait déjà grandement te faciliter le travail (le validateur est ton ami)

Ainsi, tu ne peux pas avoir un paragraphe (p) dans une balise de lien (a)
A lire :
http://www.alsacreations.com/tuto/lire/530-La-structure-des-balises-bloc-et-en-ligne.html (et liens associés)
http://giminik.developpez.com/xhtml/a.html

Bonne continuation

merci pour vos réponses, malheureusement je ne pourrais pas mettre en ligne l'exemple.
mon objectif est d'afficher un message de type
Titre,
sous titre .
au dessus d'une image en backgroud.

et sur le over l'image de background change pour laisser la place à une autre plus grandes.(effet de zoom doit être centré)

pouvez vous me guide vers une solution.

ps: msg reçu pour l'affichage du code à la louche.