Размер изображений в галереи (карусель) - Вопросы по CSS

<div class="carousel">
   <div class="modul">
       <ul>
           <li="picture">
          <!-- zobrajenie1 -->
           </li>
            <li="picture">
          <!-- izobrajenie2 -->
           </li>
            <li="picture">
          <!--izobrajenie3 -->
           </li>
           <li="picture">
           <!-- izobrajenie4 -->
           </li>
            <li="picture">
           <!-- izobrajenie5 -->
           </li>
             <li="picture">
           <!-- izobrajenie6 -->
           </li>
              ...7,8,9,,,  
    <ul>
  </div>
</div>  

.carousel {
   display: block;
   position: relative;
   width: 890px;
   padding:0;
}
.modul {
   height: 100px;
   width: 890px;
}
.picture {
   float: left;
   margin-left: 0;
   margin-right: 10px;
   height: 100px;
   width: 100px;
}

<field name="width" type="text" default="870" filter="safehtml" label="Ширина модуля" description="Ширина модуля в px" class="inputbox" />
<field name="height" type="text" default="100" filter="safehtml" label="Высота модуля" description="Высота модуля в px" class="inputbox" />

$width = $params->get( 'width', 0 );
$height = $params->get( 'height', 0 );

<style>
<?php echo $customcss; ?>
.modul {
width: <?php echo $width; ?>px;
height: <?php echo $height; ?>px;
}
.carousel {
width: <?php echo $width; ?>px;
padding: 0;
}
</style>