Applying CSS

Afternoon everyone;
Just working on some css for a new design and not so sure about a set of nested tables that are on the page.. any chance someone can take a look at this snippet?

<table border="0" cellpadding="0" style="border-collapse: collapse" width="750" id="tablez10" height="40">
    <tr>
      <td width="750">
      <div class= "t11">
      <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="372" id="tablez11">
        <tr>
          <td width="93"><a class="four" href="contact.htm">Contact Us</a></td>
          <td width="92"><a class="four" href="about.htm">About Us</a></td>
          <td width="93"><a class="four" href="Disclaimer.htm">Disclaimer</a></td>
          <td width="92"><a class="four" href="prices.htm">Prices</a></td>
        </tr>
      </table>
        <p align="center" style="margin-top: 0">
        <font color="#FFFFFF" face="Verdana" style="font-size: 9px">&copy;Copyright2004 JustOneUK.com</font></div>
      </td>
    </tr>
    </table>

Code (markup):

and here's what css i did relating to it.......

div.t11 td
{border: 1px solid Black;
text-align: center;
font-size: 16px;
font-weight: bold;
color: black;
font-family: times; background-color: white;}

#tablez10 td
{text-align: center;
font-size: 9px;
color: white;
font-family: verdana; background-color: A7103E;}

#tablez11 td
{border: 1px solid Black;
text-align: center;
font-size: 16px;
font-weight: bold;
font-family: times; background-color: white;}

please realize its my first day at learning css
thamks
GEM

 

It seems to work fine here, except for your menu that is aligned left in moz/ff.

A few comments :
Move all your style" " , border, cellpadding, width, height attributes and font tag in your CSS.