Las imagenes estan asi:
<div class="faded">
<ul class="big-image">
<li><img src="images/slide1-1big.jpg"" style="height: 100%"></li>
<li><img src="images/slide1-2big.jpg"" style="height: 100%"></li>
<li><img src="images/slide1-3big.jpg"" style="height: 100%"></li>
</ul>
<ul class="paginacion">
<li><a href="#" rel="0"><img src="images/slide1-1big.jpg""style="width: 100%;height: 100%"></a></li>
<li><a href="#" rel="1"><img src="images/slide1-2big.jpg""style="width: 100%;height: 100%"></a></li>
<li><a href="#" rel="2"><img src="images/slide1-3big.jpg""style="width: 100%;height: 100%"></a></li>
</ul>
</div>
y el css:
.faded { width:888px;height:341px;margin:0 auto;position:relative}
.faded ul.big-image {text-align:center; list-style:none;padding:0;margin:0;width:653px;height:3 41px;float:right;background:url(../images/img-wrapper-big.png) no-repeat left top}
.faded ul.big-image li {padding:9px 0 0 9px;width:635px;height:323px}
ul.paginacion {z-index:1;text-align:center;list-style:none; padding:360px 25px ;margin:0 auto;width:1000px;height:auto;position:absolute;}
ul.paginacion li {width: 144px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
float: left; padding: 1px; margin: 0 5px; border: 2px solid #7abbb5; cursor: pointer; border-radius: 5px;}
ul.paginacion li a {padding:0 0 0 0;display:block}
ul.paginacion li.current a {}a {outline:0;border:0}
Asi es como se me ve en el navegador:
http://gyazo.com/635c04335f5f38e2c0fab77c8e9fed53
Y asi en dreamweaver:
http://gyazo.com/e85a01cc9c6862cd5048ee2afc4ee234