[Ovillo] Sustituir tabla por CSS

Mie Feb 14 19:39:04 UTC 2007

Al pretender sustituir una tabla por CSS y aplicando un style tengo que
variar el ancho de .box a 298 px para que me coincida con los 300px de
.head.
De que forma puedo hacer coincidir el ancho sin modificar .box?
<style type="text/css">
dl {margin: 0;padding: 0;width: 100%;height: 22px;}
dt {font-size:0.8em;padding: 4px 11px 2px;float: left;font-family: Arial,
Helvetica, sans-serif;
	font-weight: bold;color: #333;}
dd {font-size: 0.8em;text-align: right;padding: 4px 11px 0 0;font-family:
Tahoma, Arial;}
.head {width:300px;margin:0;padding:0;background: #CBC173;	}
.head  dl {background: url(cor_r.gif) top right no-repeat;}
.head  dt {background: url(cor_l.gif) top left no-repeat;}
.box {width:298px;border:1px solid #CBC173;margin:0 0 15px;padding:0px;
font-size:0.8em;background: #fff;}
h3{margin:5px;padding:0;font-size:0.9em;font-family: Tahoma, Arial;
   font-weight: normal;color: #006600;}
p{padding:0;padding-top:10px;margin:5px;font-family: Tahoma, Arial;color:
#003300;}
</style>
<body>
<div class="head">
<dl>
	<dt >Titulo o encabezado</dt>
	<dd>10/02/07</dd>
</dl>
</div>
<div class="box">
	<h3>Contenido texto, texto,trexto, texto, texto, texto,texto, texto,
texto..<br/ >
	Contenido, texto, texto, texto.</h3>
	<p><strong>Nombre:</strong> bla, bla, bla, bla, bla, bla...</p>
</div>
</body>
 Imagen de ref:
http://img119.imageshack.us/img119/2513/tablacssvy0.gif


Un cordial saludo de SantosVZ