Изменить тег div в таблицу для IE7

Question

Я создал таблицы Div с дисплеем: table; но не работает ie7 или IE6 .. И я не хочу использовать display-table.htc Hack для этого ...

Я хочу изменить

"<div class='divTable'> into <table class='divTable'>" 
"<div class='divRow ieclear'> into <tr class='divRow ieclear'>" 
"<div class='divCell'> into <td class='divCell'>" 

Теперь я пытаюсь для преобразования «Div» в «Таблица», если browser.version == 7 || browser.version == 6 ... Я новичок в Jquery ..: D ...

<div id="test">  
    <div class="divTable"> 
      <div class="divRow ieclear"> 
       <div class="divCell">Cell Wording1</div> 
       <div class="divCell">Cell Wording2</div> 
       <div class="divCell">Cell Wording3</div> 
       <div class="divCell">Cell Wording4</div> 
      </div> 
     </div> 
</div> 

CSS // ----

.divTable { 
    font-family: Arial; 
    font-size: 12px; 
    display: table; 
    width: 981px; 
    border: 10px soild #ECECEC; 
    border-spacing: 0px; 
    overflow: hidden; /* border-collapse:separate;*/} 

.divRow { 
    display: table-row; 
    *display: block;* 
    height: 100%; 
    width: 981px; 
} 

.divCell { 
    *float: left;* 
    display: inline-block; 
    display: table-cell; 
    width: 200px; 
    padding: 10px; 
    border-bottom: 1px solid #E9E9E4; 
    border-right: 1px solid #fff; 
    background: #F5F6F0; 
} 

.ieclear { 
    clear: both; 
} 

JQuery //

$(function() { 
    //alert($.browser.version); 
    jQuery("#test").find(".divTable").html('<table class="divTable">' + $(".divTable").html() + "</table>").html(); 
    //or 
    $('div').replaceWith(function() { 
     return $("<table />", { html: $(this).html() }); 
    }); 
}); 

Пожалуйста, предложите мне или помочь мне решить эту проблему ... :)