Ayuda con tablas en CSS

[Elisa85]

Hola, tengo un problema al diseñar unas tablas con css,
quiero meter una tabla dentro de otra, pero la que esta dentro coge otros tipos de letra y tamaño que no son los que deberían. No se si es que hay "incompatibilidad" entre las dos tablas y pone "lo que quiere"

esto es como lo tengo definido:

Código:

table.general {
border: 1px solid #ccc;
width: 800px;
margin: 10px auto;
/*table-layout:fixed;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
vertical-align:top;
}


table.general td {
font: .9em/1.5em "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #666;
background: #fff;
padding: 10px;
}

table.resultats {
border: 1px solid #ccc;
width: 700px;
margin: 20px auto;
/*table-layout:fixed;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
}

table.resultats th {
font: Georgia, "Times New Roman", Times, serif;
background-color:#3655EF;
text-align: left;
padding: 3px;
font-size:13px;
}

table.resultats td {
font: "Trebuchet MS", Tahoma, Arial, sans-serif;
font-size:10px;
background: #fff;
text-align: left;
padding: 5px;
}

table.resultats tr.impar td{
	background-color:#6FA2E8;
}

table.resultats tr.par td{
	background-color:#5084CB;
}

y asi es como intento usarlo:

Código HTML:

<table class="general" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="../Images/bd3.jpg"></td>
  </tr>
  <tr>
    <td>
		<table class="resultats" border="1" cellspacing="0" cellpadding="0">
  			<tr>
			    <td>prueba</td>
			</tr>		
		</table>
    </td>
  </tr>
  <tr>
  	<td>yeyea</td>
  </tr>
  <tr>
    <td><img src="../Images/peu.jpg"></td>
  </tr>
</table> 

a ver si pueden echarme una mano... gracias!

[Eourus]

¿No será por los tamaños en "em"?

[Elisa85]

Gracias Eourus... lo he cambiado pero nada.

Aparte del tamaño de la letra, que la hace muy pequeña, tambien me cambia el color, en la tabla "resultats", en vez de escribir negro, lo hace en gris como está definido en la tabla general.

[safe]

El comportamiento que ves es el normal. Si te fijas, por ejemplo, con table.general td estas aplicando estilos a todos los TD dentro de table.general y eso incluye a los TD de la tabla interna. Por lo que deberias sobreescribirlos con otros estilos en table.resultats td.

[Elisa85]

gracias!!! pensaba que iba de "dentro hacia afuera", ya veo que no, he redefinido el td de la tabla resultados y ya funciona, muchas gracias