can anyone help me with JQuery theme not applying on buttons that exists in html table cell?

can anyone help me with JQuery theme not applying on buttons that exists in html table cell?

Can anyone help me with JQuery theme not applying on buttons that exists in html table cell?

Using the JQueryUI themeroller themes

here is my html code:
------------------------
 <html>                                                                  
 <head>                                                     
<link type="text/css" href="css/onlinebank-theme/jquery-ui-1.8.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script> 

<style type="text/css">
/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
</style>
 </head>                                                                 
 <body>    
 <script type="text/javascript"
  src="http://jqueryui.com/themeroller/themeswitchertool/">
</script>
<div id="switcher"></div>
 
 <div class="demo">
 <input type="submit" value="button1">
 <table>
<tr>
<td>
<input type="submit" value="A submit button">
</td>
</tr>
 </table>
 </div>
 </body>                                                                 
 </html>
------------------------