Jquery.ruler problem

Jquery.ruler problem

hi i trying to bind my jquery.ruler to a div .

but when i bind it to the div. the Yaxis of the ruler is correct. but X axis was wrong as it populate to entire page instead of the div i set.

and also. can i bind ruler to a panel? when i add to my panel. it shows nothing