Borders kan ikke ses? (Brug af class)

Hello!

Jeg er helt grøn, når det kommer til CSS, men jeg har forsøgt at kaste mig ud i brugen af dette, da jeg nok må erkende, at mine grundlæggende HTML-kundskaber efterhånden ikke er tilstrækkelige :-)

Jeg er i gang med at designe en side helt fra bunden, og her vil jeg gerne lave opdelingen med tabeller, hvor de enkelte celler (indholds-elementer) adskilles af en tynd, sort linie.

Jeg kan sætte en border på med gammeldwas HTML, men den bliver lige en tand for fed efter min smag.

Derfor besluttede jeg mig for at prøv med CSS, da jeg sgu skulle kunne bestemme tykkelsen mere nøjagtigt, og ydermere kan nøjes med at sætte borders på enkelte, udvalgte sider af cellerne.

Jeg skrev derfor en CSS-fil med følgende indhold:

.borderright {
    border-right-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}

.borderleft {
    border-left-width: 1px;
    border-top-style: none;
    border-left-style: solid;
    border-bottom-style: none;
    border-right-style: none;
    border-top-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-left-color: #000000;
}

Fra mit HTML-dokument kalder derefter de enkelte classes således:

<table width="100%"  border="0" cellspacing="0" cellpadding="0" class="borderleft">
        <tr>
          <td><p>&nbsp;</p>
            <p>&nbsp;</p>
            <p>Menu</p>            <p>&nbsp;</p>
          <p>&nbsp;</p></td>
        </tr>
      </table>

I design-view i Dreamweaver kan jeg godt se den tynde streg til venstre, men når jeg ser siden i IE eller andre browsere, så er der intet.

Nogen inputs til, hvad jeg gør forkert?

Mange tak.

/Ermo