IE7 THEAD Tag Styling

Question

Этот код прекрасно работает в IE8, Firefox, Chrome и т.д. ... но IE7 не признают эту линию:

.defaulttable THEAD {границы справа: твердый # 55 пикселей c7c9cf;}

из-за этого я вижу без границ в ie7. Как я могу решить эту проблему ?

HTML:

<table id="search_table" class="mtm defaulttable"> 
    <thead> 
    <tr class="sortlinks"> 
     <td>Hello 1</td> 
     <td>Hello 2</td> 
    </tr> 
    </thead> 
    <tbody> 
     ........................... 
</table> 

CSS:

.defaulttable {width:100%;border-collapse:collapse;} 
.defaulttable thead td{font-weight:bold;background: url('/static/images/grey_fade_back.png') repeat-x 0 -2px;white-space:nowrap;} 
.defaulttable thead{border-right:55px solid #c7c9cf;} 
.defaulttable tbody td{border-right:1px solid #c7c9cf;} 
.defaulttable td {border-top:1px solid #c7c9cf;border-bottom:1px solid #c7c9cf;border-left:1px solid #c7c9cf;padding:6px 8px 6px;} 
.defaulttable .project_name{background-image:url('/static/images/mini/project.png');background-position:7px 7px;background-repeat:no-repeat;padding-left:30px} 
.defaulttable .user{background-image:url('/static/images/mini/user.png');background-position:7px 7px;background-repeat:no-repeat;padding-left:30px} 
.defaulttable .job_ad_title{background-image:url('/static/images/mini/pin.png');background-position:7px 8px;background-repeat:no-repeat;padding-left:30px} 
.defaulttable .project_category div{}  
.defaulttable .odd{background:#EFEFEF url(/static/images/button-overlay.png) repeat-x scroll 0 0} 
.defaulttable .hover{background:#FEFFAF url(/static/images/button-overlay.png) repeat-x scroll 0 0} 
.defaulttable .selected{background:#99DFA2 url(/static/images/button-overlay.png) repeat-x scroll 0 0} 
.defaulttable .sortlinks a{color:#444} 
.defaulttable tfoot {} 

Answer 1

Вы можете использовать conditional comments специально предназначаться альтернативные правила для IE 7:

<!--[if IE 7]> 

    <style> 
    /* alternate style rules for IE 7 */ 
    table thead tr th { /* style the `th` not the `thead` */ } 
    </style> 

<![endif]--> 

Стоит отметить, что для таблицы-заголовков элемент th более уместен, чем td (с в буквальном смысле это «заголовок таблицы»).