Problema con Dreamweaver en leccion4-comentarios

Hola, el nuvo problemilla es que en la lección 4-comentarios muestra una imagen como devería quedar la plantilla1.htm "http://www.comocreartuweb.com/curso-paso-a-paso/leccion-iv-comentar…" y resulta que hueco y firma están casi juntos en el ejemplo pero en la mia aparece muy separadas así:
-----------------------------------------------------------------------------------------
logotipo /banner /
----------------------------------------------------------------------------------------
titulo /ruta / / flechas
----------------------------------------------------------------------------------------
menu /contenido / /
----------------------------------------------------------------------------------------
contador opciones/ /flechas
----------------------------------------------------------------------------------------
fecha / hueco/ / firma /
----------------------------------------------------------------------------------------

Mi código HTM es :
<html>
<head>
<title>Titulo de tu pagina : PONER SECCION</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<link href="estilo2.css" media="screen" rel="StyleSheet" type="text/css">
</head>
<body bgcolor="#FFFFFF">
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="a1">Logotipo</td>
<td class="a2">Banner</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="b1">titulo</td>
<td class="b2">ruta</td>
<td class="b3">flechas</td>
</tr>
</table>
<table width="99%" border="0px" cellspacing="0px" cellpadding="0px">
<tr>
<td class="c1">menu</td>
<td class="c2">contenido</td>
</tr>
</table>
<table width="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 width="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>
------------------------------------------------------------------------------
Mi estilo2.css es:
table.ancho99 {width:99% ;}

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

td.b1{ background-color: #OEBEBA ; width: 150px ; }
td.b2{ background-color: #OEBEBA ; }
td.b3{ background-color: #OEBEBA ; width: 50px ; }

td.c1{ background-color: #9ED7D7 ; width: 150px ; }
td.c2{ background-color: #F6DA98 ; }

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

td.e1{ background-color: white ; width: 150px ; }
td.e2{ background-color: white ; }
td.e3{ background-color: white ; width: 150px ; }
-------------------------------------------------------------------------------
No se molen. Gracias
holA

yo no veo ningun fallo

todo esta como debe

a atu parecer, que falla???
Sabés que tenés razón??? en la captura de pantalla así aparece pero todo está en orden, mil disculpas por haberte robado tiempo. gracias gracias gracias