Imagenes de un slide desaparecen

[kidart]

Hola,

los consulto porque estoy armando mi primer web con css. Baje un slide de imagenes y lo adapte a mi web, pero la 1era vez que se carga el html la imagen no se muestra. si actualizo la pagina, ahi si aparecen.

Pego los codigos aqui a ver si alguien me puede ayudar!
Gracias.


HTML:

Código HTML:

<div id="example">
            <div id="slides">
                <div class="slides_container">
                    <a href="#" target="_blank"><img src="images/contacto.jpg" width="816" height="258" alt="Slide 1"></a>
                </div>
            </div>
        </div>
 

CSS:

Código CSS:

/* Slides */
 
#example {
    width:816px;
    height:258px;
    position:relative;
}
 
#frame {
    position:relative;
    z-index:0;
    width:816px;
    height:258px;
}
 
/*
    Slideshow
*/
 
#slides {
    position:relative;
    top:0px;
    left:68px;
    z-index:100;
}
 
/*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
*/
 
.slides_container {
    width:816px;
    overflow:hidden;
    position:relative;
    display:none;
}
 
/*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
*/
 
.slides_container a {
    width:816px;
    height:258px;
    display:block;
}
 
.slides_container a img {
    display:block;
}
 
/*
    Next/prev buttons
*/
 
#slides .next,#slides .prev {
    position:absolute;
    top:107px;
    left:-24px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
}
 
#slides .next {
    left:815px;
}
 
/*
    Pagination
*/
 
.pagination {
    margin:0px auto 0;
    width:100px;
}
 
.pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
}
 
.pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../img/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
}
 
.pagination li.current a {
    background-position:0 -12px;
}
 
 
 
/*
    Anchors
*/
 
a:link,a:visited {
    color:#599100;
    text-decoration:none;
}
 
a:hover,a:active {
    color:#599100;
    text-decoration:underline;
}