Selecting Nested Table

Selecting Nested Table

Hi,

I have been trying to add a table border to the third table.  I will need to style it more also with radius and so forth.  The "data" class puts borders on everything with data class.  I want to just add a border to that one table.  Can I add an id to that table?  I am having trouble figuring out how to select what I want and how to go about getting this to work in all major browsers?

Fiona.

Here is the html code.  Please can you help?  Thanks.

<!--<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<body>
<center>
<table id="maintable" width="980" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<tr>
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<tr>
<td style="background: url(assets/templates/v40009/images/leftM.png) repeat-y;">
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td class="data" style="padding: 9px;">
</tr>
</tbody>
</table>
</td>
<td style="background: url(assets/templates/v40009/images/rightM.png) repeat-y;">
</tr>
<tr>
</tbody>
</table>
</td>
</tr>
<tr>
</tbody>
</table>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
</center>
<script type="text/javascript">
<table width="100%" height="40">
<div id="admin_open_popup" style="display:none;">
<div id="applying_template" style="display:none;">
<div id="admin_bar_controls" style="position: fixed; opacity: 1; width: 100%; right: 0px; bottom: 0px;">
<div id="qv_buttons"></div>
</body>
</html>-->