hola personas... tengo esta problemática que no se como solucionarla...
estoy haciendo una página en donde pongo un enlace y cuando alguien pasa el mouse sobre el enlace este quisiera que ponga una imagen ARRIBA del enlace... no sé si me estoy explicando... ya he leido que con CSS puedo ponerle un background atrás del enlace... pero lo que quiero es que quede ARRIBA de ella (ponerlo SOBRE el enleace) les dejo lo que llego en html y css:
HTML:
Cita: <div class="mimenu">
<ul>
<li><a href="http://google.com">Google</a></li>
<li><a href="http://google.com">Google</a></li>
</ul>
</div>
CSS
Cita: body{padding:0px; margin:0px;}
.principal{width:950px; margin:0px auto; padding:0px}
.mimenu ul{list-style-type: none; padding:0px; margin:0px; margin-top:10px;}
.mimenu li{float:left; list-style-type: none; padding: 0px 5px; }
.mimenu li a{color:red; }
.mimenu li a:hover{color:red; background-position: 10px; background-color: black; }
o he encontrado la forma aún... agradecería a alguien que pudiera ayuar...