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!