Problemas con class="99"

Hola, soy nuevo en este foro y me ha surgido un problema que no se como puedo solucionar. :(

Bueno primero de todo gracias por la web que va muy bien pa aprender a crear webs. :wink:
El problema es que e llegado a una parte de la web que pone que tienes que sustituir el width="99%" por class="99" y cuando pongo este ultimo las filas se me quedan muy pequeñas en el dreamwever y en los navegadores e probado mil cosas y no se como solucionarlo :(
Aqui os dejo el codigo html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Críticas D&C : PONER SECCION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>
<body>

<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="a1">logotipo</td>
<td class="a2">Banner</td>
</tr>
</table>

<table class="99" border="0px" cellpadding="0px" cellspacing="0px">
<tr>
<td class="b1">T&iacute;tulo</td>
<td class="b2">Ruta</td>
<td class="b3">flechas</td>
</tr>
</table>

<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="c1">Men&uacute;</td>
<td class="c2">Contenido</td>
</tr>
</table>

<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="d1">Contador</td>
<td class="d2">opciones</td>
<td class="d3">Flechas</td>
</tr>
</table>

<table class="99" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="e1">Fecha</td>
<td class="e2">Hueco</td>
<td class="e3">Firma</td>
</tr>
</table>
</body>
</html>
y aqui lo del estilo2.css:

table.99{ width: 99% ;}

td.a1{ background-color: #F99D13 ; width: 150px ;}
td.a2{ background-color: #F99D13 ;}

td.b1{ background-color: #5C54FE ; width: 120px ;}
td.b2{ background-color: #5C54FE ;}
td.b3{ background-color: #5C54FE ; width: 50px ;}

td.c1{ background-color: #66CCFF ; width: 120px ;}
td.c2{ background-color: #66CCFF ;}

td.d1{ background-color: #5C54FE ; width: 120px ;}
td.d2{ background-color: #5C54FE ;}
td.d3{ background-color: #5C54FE ; width: 50px ;}

td.e1{ background-color: #F99D13 ; width: 120px ;}
td.e2{ background-color: #F99D13 ;}
td.e3{ background-color: #F99D13 ; width: 120px ;}

La version del programa es la MX 2004, e probado todo canviar class por id, etc. pero nada da resultado :cry:
Tambien e tenido problemas para centrar un enlace con el otro estilo pero al final lo solucioné convirtiendolo en letras, centrandolo y volviendolo a convertir en enlace.
:lol: Pues al final yo mismo e solucionado el problema, por si alguien le pasa lo msimo lo que e echo a sido canviarler el nombre de table.99 a table.aversiva XD y ya esta despues para ponerlo en su lugar e puesto la | donde tiene que ir y en las propiedades de la pestaña de avajo e seleccionado el nombre y me escrito solo el class="aversiva"

¡¡¡¡SOLUCIONADOOOOO!!!!