horizontal scroll bar for DIV which has zones float left

[dsr0781]

Hi

I have design with two main DIV's as follows.
<div id="cthumb">
<div id="ccontainer" style="overflow-x:scroll ;overflow-y:hidden;overflow:auto ; height:50px; width: 375px; ">
</div>
</div>

In the second DIV i am placing 5 zones of width 75 and height 50.
Code as follows :
<div id="zone1" style="background-color: rgb(187, 187, 187);float: left; height:50px; width: 75px;">a
</div> .........

i have to dynamically place another zone inside the second DIV.When i am inserting another zone , it is going down the line because new DIV can not be placed in the fixed width.
I need horizantal scrollbar to appear once the second div width increases to see the dynamically created DIV rather than going down.

How to put the scroll bar dynamically for DIV when width increases.

Thanks in Advance.

[SuzyUK]

Hi dsr0781, and Welcome to WebmasterWorld!

sorry your post has gone unnoticed for a while, have you got an answer yet? perhaps it requires a bit of scripting and this is not the best forum

let us know if you still need some help

thanks
-Suzy