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>