CSS Affecting Elements Of My Page

[tomyknoker]

Below is a sample of my CSS page, I'm having an issue with the floats that are commented out, they are affecting my th even though I haven't actually classed anything in my html... Any ideas?

<code>
/* CSS Document */

body {
margin: 0;
padding: 0;
background-color: #000;
color: white;
font-family: "Lucida Grande";
font-size: x-small;
}
table.outer {
border:1px solid #fff;
width: 178px;
}
/*.left {
float: left;
}
.right {
float: right;
}*/
table {
clear: right;
width: 700px;
line-height: 1.4em;
border-collapse: collapse;
border: 1px solid #000;
color: white;
background: #000;
font-family: "Lucida Grande";
font-size: x-small;
}</code>

[codeexploiter]

you could've removed the commented css class items and check the page (clear your browser cache)

[tomyknoker]

Yea when I remove the comments... It screws up my table header...

[codeexploiter]

Can you provide the complete page source code?

[tomyknoker]

Is a link ok? You'll see that the 'main' table class has now grey borders, before I set up the 'outer' table class these were black. Also the link's in the <th> aren't working correctly... http://www.curiousclothing.com/css_test.php