I have a div which contains an unordered list... After some user actions i load the div with a longer list i.e. containing more list items than the previous one. I use jquery's higher level ajax functions to do this.

The problem is when i load it through ajax the list elements overflow the div's bottom portion and some of them get's displayed out of the div.

I haven't set any heights for the containing div assuming that it will expand to accomodate any future longer lists.
I'll post the code below and will be extremely grateful if someone figures this out....

Yep... not working... And i also use curvy corners to round up the edges of the sidebar div. So when if i load the whole div using ajax curvy corners don't work... so i just load the list elements alone... but the list elements overflow the div hiding the rounded up bottom corners, making the part look pug ugly...!!!
–
SpikETidEDec 8 '09 at 5:00

adding the height using .css() function removes the effect of curvy corners for the whole div...!!!
–
SpikETidEDec 8 '09 at 5:19

I have a sidebar as well on my page. The text is not hidden. But have you tried overflow:auto; property?
–
Luke101Dec 8 '09 at 6:22