buenas estoy haciendo un menu como que quedo algo bien aun falta cosas que me datearon , pero uno de ellos es el fondo de cada link, es el mino pero apsa que cuando paso por primera vez demora ne aprecer luego normal aaprce rapido, me dijeron que hay un truco para que cuando cargue la web cargue tb al toque ese imagen de fondo cosa que cuando pase el mouse no demora en cargar, algo parecido como una precarga pero de la imagen en css, este es mi css
/* menu izquierda */
.enlacesseccion {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
border: 0 1px 0 0 solid #CBC19C;
border-bottom: 1px solid #CBC19C;
margin: 5px 0px 0px 0px;
}
.enlacesseccion a {
display: block;
color: #000000;
padding-left: 10px;
background: #F2DFB7;
text-decoration: none;
border-top: 1px solid #CBC19C;
text-align: right;
padding: 3px 17px 4px 0px;
}
.enlacesseccion a:hover {
color: #9F590E;
background-color: #FFEECB;
background-image: url(../images/fon-me-prin.gif);
text-decoration: none;
font-weight: bold;
}
-------------
este el html que tiene los links
<div class="enlacesseccion">
<a href="#">About Us</a>
<a href="#">Our Philosophy</a>
<a href="#">Our Hotels</a>
<a href="#">Destination Guide</a>
<a href="#">Photo Gallery</a>
<a href="#">Peru Facts and Info</a>
<a href="#">Peru a la Carte</a>
<a href="#">Price Guarantee</a>
</div>
aqui va la url como que se ve al pasar el mouse demora un poco luego se ve normal , es el menu del lado izquierdo http://www.peruforless.com/default_css.html
gracias