applying css attributes - height, width, padding

applying css attributes - height, width, padding

hi.

i am trying to apply css attributes that modify a div by setting its height, width and padding...however my code isn't working. i am wondering if it is a syntax issue, or a css property existence issue, or something else...?

here is the code:

$('<div></div>').attr({'id': id, 'class': 'ui-widget-content'}).text(data)
         .css({'height':'100px','width':'80px','padding':'0.5em'})
         .appendTo('#tasks_table tr:eq(1) td div#task_draggables')
         .draggable(dragOpts).resizable(resOpts);


what is wrong here?