nested root element for scrollable? Created May 15, 2009

I can't get scrollable to work...even by cutting and pasting the example into my code. I am trying to embed the scrollable in a number of other div's - does "root element" mean that the div has to be a direct child of the body tag? All the examples seem to be this way. Or can I nest the root element in another div. For example, I now have:

<div id="content">

<div id="areabottommiddle">

<!-- navigator -->
<div class="navi"></div>

<!-- root element for scrollable -->
<div class="scrollable">

<!-- root element for the items -->
<div class="items">
<div>0</div> <div>1</div> <div>2</div> <div>3</div> <div>4</div>
<div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div>

<div>10</div> <div>11</div> <div>12</div> <div>13</div> <div>14</div>
</div>

</div>
...

Doesn't work, even using the default styles and the simplest example.

Thanks.