Cell Padding in Tables on Tabbed Panels

[bigcougar]

OK, I tried to fix this on my own but nothing seems to work.

http://www.troutsalmonchar.com/TSC_SALMON_PACIFIC.html

The text in the table shown above stubbornly refuses to accept the padding settings and is touching the left borders (columns 1 and 3). I have assign this table a CSS class ref_table containing the following:

.ref_table {
text-align: left;
padding: 5px 5px 5px 20px;
position: relative;
left: 30px;
clip: rect(30,auto,auto,auto);
font-family: Arial, Helvetica, sans-serif;
}

The table and the image beside it are nested into another table that is assigned no CSS class. Does anything look out of order?



The additional problems are headline spacing (too much room is left between the headline and the text below or the tabs above it, as well as table positioning.

Some more of the CSS used on the page:
.content {
padding: 10px 0;
width: 80%;
float: left;
margin-top: 0;
}


.container {
margin-top: 0;
width: 900px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background-color: #a2c1ce;
}

Any idea are welcome

 

[Paultbk]

I would take out the text-align left property and see if that fixes it
if that does not work try adding in some td css for example

th,td {
5px 5px 5px 20px;
}