un saluto a tutti e rieccomi con un'altro bel problema.

Devo inserire una slide fatta con wow slider ho fatto questo procedimento però mi pubblica la slide della grandezza dell'oggetto html che ho messo, quindi non si adatta da sola come dovrebbe.

)Creo la slideshow con il programma... dimensioni slider: larghezza piena 

e la salvo su una cartella nel pc

2) carico ftp tutte le cartelle sulla root del sito tutti i file che mi ha creato il programma

3) Passo 1 > esperto = prima della chiusura head

<!-- Start WOWSlider.com HEAD section -->
<link rel="stylesheet" type="text/css" href="engine1/style.css" />
<script type="text/javascript" src="engine1/jquery.js"></script>
<!-- End WOWSlider.com HEAD section -->

4) Passo 1 modifica del modello > intestazione > inserisco codice html

<!-- Start WOWSlider.com BODY section -->
<div id="wowslider-container1">
<div class="ws_images"><ul>
<li><img src="data1/images/1.jpg" alt="1" title="1" id="wows1_0"/></li>
<li><img src="data1/images/2.jpg" alt="2" title="2" id="wows1_1"/></li>
<li><img src="data1/images/3.jpg" alt="3" title="3" id="wows1_2"/></li>
<li><img src="data1/images/4.jpg" alt="4" title="4" id="wows1_3"/></li>
<li><img src="data1/images/5.jpg" alt="5" title="5" id="wows1_4"/></li>
<li><img src="data1/images/6.jpg" alt="6" title="6" id="wows1_5"/></li>
<li><a href="http://wowslider.net"><img src="data1/images/7.jpg" alt="jquery slideshow" title="7" id="wows1_6"/></a></li>
<li><img src="data1/images/8.jpg" alt="8" title="8" id="wows1_7"/></li>
</ul></div>
<div class="ws_bullets"><div>
<a href="#" title="1"><span><img src="data1/tooltips/1.jpg" alt="1"/>1</span></a>
<a href="#" title="2"><span><img src="data1/tooltips/2.jpg" alt="2"/>2</span></a>
<a href="#" title="3"><span><img src="data1/tooltips/3.jpg" alt="3"/>3</span></a>
<a href="#" title="4"><span><img src="data1/tooltips/4.jpg" alt="4"/>4</span></a>
<a href="#" title="5"><span><img src="data1/tooltips/5.jpg" alt="5"/>5</span></a>
<a href="#" title="6"><span><img src="data1/tooltips/6.jpg" alt="6"/>6</span></a>
<a href="#" title="7"><span><img src="data1/tooltips/7.jpg" alt="7"/>7</span></a>
<a href="#" title="8"><span><img src="data1/tooltips/8.jpg" alt="8"/>8</span></a>
</div></div><div class="ws_script"><a href="http://wowslider.com/vi">bootstrap slider</a> by WOWSlider.com v8.4</div>
<div class="ws_shadow"></div>
</div> 
<script type="text/javascript" src="engine1/wowslider.js"></script>
<script type="text/javascript" src="engine1/script.js"></script>
<!-- End WOWSlider.com BODY section -->

Se invece al punto4 al posto di metterla nell'oggetto HTML la metto prima della chiusura del tag body mi esce completamente sotto il sito, per capirci nel pie di pagina.

Cosa sto sbagliando?