CSS tema de fondo con fila de la tabla en Google Chrome

Question

Tengo una tabla en la que tengo este

</tr> 
<tr class="table-top-background" > 
<td class="thread-pic" ></td> 
<td class="thread-top-middle" colspan="2" >Threads</td> 
<td class="thread-information">Last Post</td> 
</tr> 

Así que quiero dar una imagen de fondo a mi tr, así que puse esta

.table-top-background 

    { 
     background:url('/img/design/extra-large-back.png') no-repeat; 
     position:relative; 
     color:White; 
     height:31px; 
    } 

    .thread-pic 
{ 
    width:30px; 
} 

.thread-information 
{ 
    width:280px; 
} 

.thread-top-middle 
{ 
    width:418px; 
} 

El problema es que en todos los navegadores está bien esperar que Google Chrome. En Google Chrome parece que doy el fondo no a tr, sino a todos los td ... Repite el mismo fondo para cada td.

Es lo mismo en IE7, pero en una de las preguntas de stackoverflow que leí sobre resolver eso con position:relative y me ayudó. Pero no encontré ninguna solución para Chrome. trato de dar css tr como esto también

.table-top-background 

{ 
    background:url('/img/design/extra-large-back.png') no-repeat 0% 100%; 
    display:block; 
    position:relative; 
    color:White; 
    height:31px; 
    width:728px; 
} 

Pero cambiar todo mi diseño de la mesa ... En ese momento el texto de en de TD de esta fila de cabecera no están en esa lugares y también todos los demás primero td de de mi mesa tienen el mismo tamaño que mi encabezado tr. Parece realmente hilarious.

me trataron también para dar display:inline-table en lugar de display:block y no me ayuda demasiado ... ¿Cuál es la solución de ese problema?

EDIT: El mismo problema está en Safari, por lo que es un problema de webkit.

Answer 1

A pesar de que trabajó para mí, echar un vistazo a:

Can we solve the table row background image problem, in chrome, in multi celled tables?

que menciona este violín:

http://jsfiddle.net/pzjUt/

Answer 2

Usando display: table-cell en el <tr> parece para hacer el truco, pero puede tener efectos secundarios en Chrome u otros navegadores.