how to fixed the only one "li"?

I have number of ul formed as a table. I want to fix the first "li" of each "ul" while scrolling.

i have done some work but can't able to fix the issue,

Here jsfiddle link: http://jsfiddle.net/thilakar/PpYpa/2/

Please help me out from the above issu开发者_如何学Ce.

Thanks in advance.

Use this...

ul {........}

ul li:first-child {position: fixed;}

This will fix your problem and is supported in most modern browsers.