jquery - Last elements of an unordered list getting cut on bottom of page [New Issue] -

jquery - Last elements of an unordered list getting cut on bottom of page [New Issue] -

i'm building chat application , little issue i've run lastly 1 or 2 messages left in unordered list cutting off @ bottom able see half of 2nd lastly list item , lastly item underneath page. have post message in order scroll downwards , see previous 2 messages beingness cutting off:

video: http://gyazo.com/2f8e636bfec671240ae76b5eecdd1a17

looks issue here text box @ bottom covering list item (s).

add overflow:scroll property ul tag. please upload code in fiddle farther help.

here reference of overflow property http://www.w3schools.com/cssref/pr_pos_overflow.asp

jquery html css