Problema al cambiar la imagen de posición

alvarols · #1 (**permalink**) 21/09/2010, 13:35

En este sitio www.viajesalondra.com tengo un botón que dice entrar. En realidad en la imagen son dos botones como aquí podrán ver www.viajesalondra.com/entrar.jpg pero al pasar el mouse la imagen invade la parte de arriba, ¿como le puedo hacer para que no lo haga y pueda hacer bien el efecto que necesito que la imagen haga.

Este es el código.

Código:

<style>


#flash{
	display:block;
	width:650px;
	height:400px;
	border:10px #9E76B4 solid;
	margin:0 auto;
}

#entrar{
	width:165px;
	height:66px;
	margin: 0 auto;
}

#entrar a{
	display:block;
	width:165px;
	height:66px;
	background:url(entrar.jpg);

}
#entrar a:hover{
	display:block;
	width:165px;
	height:139px;
	background:url(entrar.jpg);
	position:relative;
	top:-69px;

}
</style>
</head>

<body>
	<div id="flash">
        <OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="650" height="400" CODEBASE="http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0">

		<PARAM NAME="MOVIE" VALUE="intro.swf">
		<PARAM NAME="PLAY" VALUE="true">
		<PARAM NAME="LOOP" VALUE="true">
		<PARAM NAME="QUALITY" VALUE="high">
		<EMBED SRC="intro.swf" width="650" height="400" PLAY="true" LOOP="true" QUALITY="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi? 				P1_Prod_Version=ShockwaveFlash">
		</EMBED>
		</OBJECT>
   </div>
   
   <div id="entrar">
   		<a href="www.viajesalondra.com/cms"></a>
   </div>
</body>

alvarols · #2 (**permalink**) 21/09/2010, 13:50

Ya pude. Cambié
top:-69px;

por:
background-position:0px -69px;

Y listo