Why jQuery UI classes not working on table

Here is my table, and using ui-corner-all i want to set table corners, but couldn't get it rounded. Here is my html:

<table class="ui-widget ui-widget-content ui-corner-all" style="width: 705px">
 <thead>
  <tr>
<th class="ui-state-default ui-th-column ui-th-ltr" style="width: 35px;">
No
</th> 
<th class="ui-state-default ui-th-c开发者_Go百科olumn ui-th-ltr" style="width: 35px">
Description
</th>
</tr>
<tr id="3"> 
<td>
1
</td>
<td>
Informaton
</td>
</tr>
</thead>
</table>

Why it is not working? I tested this class ui-corner-all with div, with div it is lookig good, why not with table?

You need to add style="display:block" to the table. For some reason the corners will not round on a traditional table.

This might help: http://jquery.malsup.com/corner/