Off hand you are copying too much into your HTML module :
I would think that this is the content for that (by default) - not pretty below but if that does not work then take out the wrapping
<div id="container">
<div id="example">
<div id="slides">
<div class="slides_container" style="overflow: hidden; position: relative; display: block;">
<div class="slides_control" style="position: relative; width: 2940px; height: 380px; left: -980px;"><a title="banner 1" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 0; display: none;"><img width="980" height="380" alt="Slide 1" src="/capastrano/portals/0/Images/Banner1.jpg?1382628851302"></a><a title="banner 2" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 5; display: block;"><img width="980" height="380" alt="Slide 2" src="/capastrano/portals/0/Images/Banner2.jpg"></a><a title="banner 3" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 0; display: none;"><img width="980" height="380" alt="Slide 3" src="/capastrano/portals/0/Images/Banner3.jpg"></a><a title="banner 4" href="#" style="position: absolute; top: 0px; left: 980px; z-index: 0; display: none;"><img width="980" height="380" alt="Slide 4" src="/capastrano/portals/0/Images/Banner4.jpg"></a></div>
</div>
<div class="pagination_wrap">
<a class="prev" href="#"> </a>
<a class="next" href="#"> </a>
</div>
<ul class="pagination"><li class=""><a href="#0">1</a></li><li class="current"><a href="#1">2</a></li><li class=""><a href="#2">3</a></li><li class=""><a href="#3">4</a></li></ul></div>
</div>
<div class="clear"></div>
</div>