Un broblème avec un slider

Bonjour,

j'ai réaliser un site web dernièrment et j'ai un problem avec le slider jquery. dès fois il s'affiche correctement mais si tu actualise plusieur fois tu verras le problèmes ...
voila le site : www.gfb-dz.com
voila le code css et html
html
<div id="carousel">
<img src="Image/slider/4.jpg"/>
<img src="Image/slider/1.jpg"/>
<img src="Image/slider/2.jpg"/>
<img src="Image/slider/3.jpg"/>
<img src="Image/slider/vitrine.jpg"/>
</div>
css:

/*slider javascript*/

#carousel {
width:800px;
height:300px;
position:relative;
display:relative;
margin-left:130px;
margin-bottom:50px;
margin-top:50px;

}
#carousel img {
height:350px;
width:700px;
border: #06F solid 5px;
border-radius:10px;
display: hidden; /* hide images until carousel prepares them */
cursor: pointer; /* not needed if you wrap carousel items in links */
}