Сам HTML:
Code
<div class="slider1" align="center">
<div id="slider" class="nivoSlider">
$MYINF_10$
</div>
</div>
CSS:
Code
.slider1 {background:#f9f9f9; border:1px solid #c5c5c5; padding:4px; margin:0 0 8px 0; height:160px; overflow:hidden;}
#slider {position:relative; width:678px; height:160px; background:url('/images/loading.gif') no-repeat 50% 50%;}
#slider img {position:absolute; top:0px; left:0px; display:none;height:160px;}
#slider a {border:0px; display:block;height:160px;}
.nivo-controlNav {display:none !important;}
.nivo-directionNav a {display:block; width:14px; height:19px; background:url('/images/arrows.png') no-repeat; text-indent:-9999px; border:0;}
a.nivo-nextNav {background-position:-14px 0px; right:11px;}
a.nivo-prevNav {left:11px;}
.nivo-caption {text-shadow:none; font-family: Helvetica, Arial, sans-serif;}
.nivo-caption a {color:#efe9d1; text-decoration:underline;}
.clear {clear:both;}
.nivoSlider {position:relative; width:678px; height: 160px;}
.nivoSlider img {position:absolute; top:0px; left:0px; width:678px;height: 160px;overflow:hidden;}
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}
.nivo-slice {display:block; position:absolute; z-index:5; height:100%;}
.nivo-box {display:block; position:absolute; z-index:5;}
.nivo-caption {position:absolute; left:0px; bottom:0px; background: url('/images/fon_nivo-caption.png') repeat; font:12px Verdana,Arial,Helvetica, sans-serif; color:#dddddd; font-weight: bold; width:100%; z-index:8; text-align:left;}
.nivo-caption p {padding:6px; margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute; top:68px; z-index:9; cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
В информере к самой картинке пробывал ставить высоту и ширину, все равно не меняется.