Слайд-шоу перемещается, а не появляется на странице

Question

У меня есть слайд-шоу, которое продолжает перемещаться (опускаться, выходить из поля зрения) на странице, nav (точки) отображаются всегда в правильном месте и никогда не перемещаются. Я пробовал пару различных решений, но не могу заставить слайд-шоу спрыгнуть с ума. Обычно это не происходит при первой загрузке страницы. Это определенно происходит при «освежении» страницы ...

Рядом с слайд-шоу слева находится поле приветственного текста, статичное и никогда не прыгает позиция.

Может ли кто-нибудь помочь? Вот ссылка: DELETED

Я считаю, что я скачал этот код откуда-то, но я не могу вспомнить, где.

CSS

#slideshow-container { float: right; 
position: relative; display: block; 
margin: auto; 
padding: 0; 
width: 800px; 
height: 400px; 
border: 0c; 
background-color: #fff; z-index: 8; overflow: hidden; 
} 

#welcome { 
float: left; 
width: 325px; 
background: #fff; 
height: 320px; 
padding: 20px; 
color: #000;} 

.slideshow { 
    float: right; 
position: absolute; 
height: 362px; 
width: 480px; 
margin: auto; background: #ffffff; 
overflow: hidden; position: absolute; top: 0px; left: 360px; 
} 

.slideshow * { 
margin: 0; 
padding: 0; 
} 

.slideshow img { 
height: 360px; 
width: 480px; 
padding: 0px; background: #fff; border: 1px solid #fff; 
} 

slideshow p { 
position: absolute; bottom: 4px; left: 1px; height: 25px; 
background:#000000 /* for IE */; background: rgba(0, 0, 0, 0.4); color: #FFFFFF; 
width: 460px; 
margin: 0px 0px; 
padding: 10px 10px; 
} 

    #nav a { 
    border: 0; background: transparent url('buttons.gif') top center no-repeat;  
    text-decoration: none; margin: 0; padding: 11px; color: transparent; 
font-size: 0pt; /* IE ONLY */} 
#nav a.activeSlide { 
    background:transparent url('buttons_active.gif') top center no-repeat; 
    color: transparent; } 
#nav a:focus { outline: none; } 

#nav { 
width: 385px; 
margin: auto; 
position: absolute; 
left: 360px; 
bottom: 10px; 
z-index: 5; 
} 

HTML

<div id="slideshow-container"> 
<div id="welcome"> 
<H3>Welcome!</H3> 
TEXT 
     </div> 
     <div class="slideshow"> 
      <div id="feature1"> 
       <img src="sample/slide1.jpg" width="480" height="360" /> 
       <p>TEXT TEXT TEST TEXT</p> 
      </div><!-- end of #feature1 --> 
      <div id="feature2"> 
       <img src="sample/slide2.jpg" width="480" height="360" /> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> 
      </div><!-- end of #feature2 --> 
      <div id="feature3"> 
       <img src="sample/slide3.jpg" width="480" height="360" /> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. .</p> 
      </div><!-- end of #feature3 --> 
      <div id="feature4"> 
       <img src="sample/slide4.jpg" width="480" height="360" /> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> 
      </div><!-- end of #feature4 --> 
     </div><!-- end of .slideshow --> 
    </div><!-- end of #slideshow-container --> 

Answer 1

слайд-шоу отлично работает для меня на Firefox 3.6.25. Какой браузер вы используете? Я бы предложил очистить кеш и повторить попытку.

BTW - страница выглядит странно на IE7, где ваш сайт не запускается до почти полной длины страницы. Попробуйте добавить сброс CSS, чтобы убедиться, что это решит эту проблему.