problema ajuste con ie (como no)

buenos dias, tengo un problemilla que me trae loco. Estoy editando unas tablas con css pero en el ie no se ajustan al encabezado de esta tabla. por mucho que le doy propiedades al "html>body tbody td + td" este no se ajusta. Un saludo y muchas gracias

Código :

table, td, a {
 color: #000;
 font: normal normal 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
.tableBody {
border-left: 1px solid #ccc;
width:400px;
overflow: auto;
height: 400px;
}
 
.tableHeader {
border-left: 1px solid #ccc;
width:400px;
overflow: auto;
height: auto;
}
 
tr td {
 background-color: #FFF;
 border-bottom: none;
 border-left: none;
 border-right: 1px solid #CCC;
 border-top: 1px solid #DDD;
 padding: 2px 3px 3px 4px;
 text-align: center;
}
tr th { 
 border-bottom: none;
 border-left: none;
 border-right: 1px solid #CCC;
 border-top: 1px solid #DDD;
 
 background-color: #66CCFF;
 padding: 2px 3px 3px 4px;
 text-align: center;
}
 
tr.over td {
 background-color: #bcd4ec;
}
  
html>body tbody td {
 width: 8%;
}
 
html>body tbody td + td {
 width: 13%;
}
 

html>body tbody td + td + td {
 width: 13%;
}
 
html>body tbody td + td + td + td{
 width:8%;
}
 
html>body tbody td + td + td + td + td + td{
 width: 22%;
}
 
html>body thead th {
 width: 8%;
}
 
html>body thead th + th {
 width: 13%;
}
html>body thead th + th + th{
 width: 13%;
}
 
html>body thead th + th + th + th{
 width:8%;
}
 
html>body thead th + th + th + th + th + th{
 width: 22%;
}

Código :

<div id="tableContainer" class="tableContainer">
 <div class="tableHeader">
 <table width="380px" border="0" cellpadding="0" cellspacing="0"> 
    <thead>
 <tr><th> 1 </th><th>2</th> <th>M²</th> <th>Hab</th> <th>Wc</th> <th>6</th> <th>7</th></tr>
 </thead> 
 </table>
 
 </div>
 
 
 
 <div class="tableBody"> 
 <table width="380px" border="0" cellpadding="0" cellspacing="0">
 <tbody id="resultsBody"> 
<!--<tr><td><input type="checkbox" /></td> <td>34550</td> <td>999.00</td> <td>99</td> <td>99</td> <td>xxxxxxxxxx...</td><td> 99999999.00</td></tr> -->
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
  <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
<tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
  <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
  <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
  <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
  <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr>
 <tr><td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td><td>7</td></tr> 
 </tbody>
 </table>
 </div>
 </div>
 

omfg

tradusco lo que creo que quiso expresar NEO:
¿tablas dentro de tablas?

lo ideal es usar el modelo de cajas mediante div
recientemente he visto tutoriales sobre esto:
http://dionysos.webcindario.com/diseno_web_redondeada.php
http://www.disenorama.com/articulos/el-modelo-de-cajas-en-CSS //exelentes articulos, a granel

yo tambien estoy ahora trabajando con el modelo de cajas (pero no te fijes en el diseño por que lo estoy rearmando ) http://www.lomejorenchile.cl


y por supuesto, busca en google por "modelo de cajas"

//-- fin de la traducción --//

ok, respondiendo a tu tema. El principal problema es que IE no reconoce los "+", y el segundo es que deberias empezar a usar IDs.

Intenta reemplazando esto por un ID, digamos "th6"

Código :

html>body thead th + th + th + th + th + th{
 width: 22%;
}

th#th6 {
 width: 22%;
}