Проблема в float

[okunev2]

стили:

#pad_fonsmall1 {
 padding-top: 0;
 padding-left: 0;
 padding-top: 0;
 padding-right: 10px;
 padding-bottom: 17px;
 float: left;
}



/* НАЧАЛО - Оформленая прокрутка*/

#mycustomscroll {
 width: 293px;
 height: 291px;
 overflow: auto;
 /* IE overflow fix, position must be relative or absolute*/
 position: relative;
 background-color: none;
 margin: 0 auto;
 padding: 0px;
}


/* scrollgeneric is used for corrective styling of elements, and should not be modified or removed */
.scrollgeneric {
 line-height: 0px;
 font-size: 1px;
 position: absolute;
 top: 0;
 left: 0;
}

.vscrollerbar {
 width: 15px;
 cursor: pointer;
 height: 74px !important;
 background: #bbb699 url(scrollbar.png) -15px 0px no-repeat;
}

/*.vscrollerbarbeg {height: 24px !important;width: 36px;background: url(scrollbar.png) -108px -32px no-repeat;}*/
/*.vscrollerbarend {height: 24px;width: 36px;background: url(scrollbar.png) -108px 0px no-repeat;}*/

.vscrollerbase {
 width: 16px;
 cursor: pointer;
 background: #dcdbcf url(scrollbar.png) 0px 0px repeat-y;
}

.vscrollerbasebeg {
 width: 16px;
 background: url(scrollbar.png) -31px -22px no-repeat;
}

.vscrollerbaseend {
 width: 16px;
 height: 28px;
 background: url(scrollbar.png) -31px 6px no-repeat;
}

.hscrollerbase {
 height: 21px;
 background-color: white;
}

.hscrollerbar {
 height: 14px;
 background-color: black;
}

.vscrollerbar, .hscrollerbar {
 padding: 22px;
 z-index: 2;
}

/* КОНЕЦ - Оформленая прокрутка*/

страница вывода:

 <div id="mycustomscroll" class="flexcroll">
 <div class="lipsum">

 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>
 <div id='pad_fonsmall1'><div id='fonsmall'><img class='small_foto' src="images/small_foto.jpg"></div></div>

 </div>
 </div>

Это офомрление и вывод flexcroll.js в прокрутке, внутри выводятся фото, у них обтекание слева, прокрутка выводится в ИЕ, Опере, но в Мозиле не видно, когда убираешь в стиле #pad_fonsmall1 вообще float: left; то все отображается, но нужно чтобы было обтекание у фото, чтобы ими заполнить область прокрутки!?

Как поправить стиль, подскажите плиз!

[ZoNT]

гм, а ссылка на страничку есть - я бы мог в ФФ посмотреть...

[okunev2]

В инете нет

в ФФ я и сам глянул, и firebug ничего не показал

Может в каком то месте нужно отменить обтекание?

[ZoNT]

фаербаг всегда вс? показывает... Дай нам посмотреть - выложи куда-нибудь, хотябы на бесплатный хостинг... Ну или кинь сюда готовую страничку минимальную...

[okunev2]

  ZoNT said:

фаербаг всегда вс? показывает... Дай нам посмотреть - выложи куда-нибудь, хотябы на бесплатный хостинг... Ну или кинь сюда готовую страничку минимальную...

в личку кинул

[okunev2]

Проблема решена!

в стилях случайно снес это:

.lipsum {overflow: hidden;}

Спасибо за помощь ZoNT, респект и уважуха

[ZoNT]

не за что, будь внимательне...