problema envolver encabezados de columna jqGrid en IE

Question

estoy usando jqGrid en mis páginas, que modificó el archivo ui.jqgrid.css para envolver los encabezados de columna como esta:

.ui-jqgrid tr.jqgrow td { 
    white-space: normal !important; 
} 

.ui-th-column,.ui-jqgrid .ui-jqgrid-htable th.ui-th-column{ 
    white-space:normal; 
} 

funciona bien en todos los navegadores, pero IE! Intenté IE7 e IE8 y el problema sigue ahí.

Answer 1

Intente utilizar adicionalmente

.ui-th-div-ie { 
    white-space:normal !important; 
    height:auto !important; 
} 

ACTUALIZADO: Me parece, que en lugar de todos estos estilos que sería mejor usar una siguiente:

th.ui-th-column div{ 
    white-space:normal !important; 
    height:auto !important; 
    padding:2px; 
} 

Parece funciona muy bueno en todos los navegadores. Vea un ejemplo here.

ACTUALIZADO 2: más información y más demostraciones sobre el problema que puede encontrar en the answer.

Answer 2

Esto debería funcionar:

th.ui-th-column div{ 
    height:auto!important; 
} 

.ui-jqgrid .ui-jqgrid-htable th div { 
    white-space:normal !important; 
    height:auto!important; 
    padding:2px; 
} 

me trataron respuesta de Oleg. Pero, aunque había envoltura, la altura no aumentó para ajustarse a los contenidos. Así que modifiqué el CSS como arriba y funcioné. Pensé que ayudaría a alguien como yo. :)