Таблица прекрасно отображается в Chrome, но не в IE 8

Question

CSS ниже прекрасно помещает таблицу в стиле commentecho на 250 пикселей ниже верхней части окна браузера.Однако в IE 8 таблица начинается примерно на 2 пикселя ниже верхней части окна браузера.

Как я могу заставить его делать в IE 8 то же, что и в Chrome?

Заранее спасибо,

Джон

table.commentecho {
    margin-top: 250px;
    margin-left: 30px;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    width: 600px;
    table-layout:fixed;
    background-color: #FFFFFF;
    border: 2px #FFFFFF;
    border-collapse: collapse;
    border-spacing: 2px;
    padding: 1px;
    text-decoration: none;
    vertical-align: text-bottom;    
    margin-bottom: 30px;

}

table.commentecho td {
   border: 2px solid #fff;  
   text-align: left; 
   height: 18px;
   overflow:hidden;

}

table.commentecho td a{
   padding: 2px;
   color: #3399CC;
   text-decoration: none;
   font-weight:bold;
   overflow:hidden;
   height: 18px;
}

table.commentecho td a:hover{
   background-color: #3399CC;
   padding: 2px;
   color: #FFFFFF;
   text-decoration: none;
   font-weight:bold;
   overflow:hidden;
   height: 18px;
}   

РЕДАКТИРОВАТЬ: Вот пример визуализированного HTML:

    <table class="samplesrec">
<tr>
<td class="sitename1"><a href="http://www.zipps-sportscafe.com" TARGET="_blank">Where to go if You're Not Trying to Lose Weight</a>  <div class="dispurl">zipps-sportscafe.com</div></td></tr><tr><td class="sitename2name">Submitted by <a href="http://www.domain.com/sample/members/index.php?profile=johnjohn2">johnjohn2</a> on June 16, 2010 &nbsp &nbsp 9:56 am</td>
</tr>
<tr>
<td class="sitename2"><a href="http://www.domain.com/sample/comments/index.php?submissionid=58">4 comments</a></td>
</tr>
</table>


<table class="commentecho">
<tr>
<td rowspan="3" class="commentnamecount">1.</td>
<td class="commentname2"><a href="http://www.domain.com/sample/members/index.php?profile=johnjohn2">johnjohn2</a></td>

<td rowspan="3" class="commentname1">Talk about fatty food...</td></tr><tr><td class="commentname2">June 16, 2010</td></tr>

<tr><td class="commentname2a">9:56 am</td></tr><tr><td rowspan="3" class="commentnamecount">2.</td><td class="commentname2"><a href="http://www.domain.com/sample/members/index.php?profile=johnjohn2">johnjohn2</a></td>

<td rowspan="3" class="commentname1">Okay, but you have to admit, it's pretty tasty.  Wash it all down with a Coke.  Can't beat a stomach full of grease and a caffeine buzz / sugar rush.  </td></tr>

<tr><td class="commentname2">June 16, 2010</td></tr>

<tr><td class="commentname2a">9:58 am</td></tr>

<tr><td rowspan="3" class="commentnamecount">3.</td><td class="commentname2"><a href="http://www.domain.com/sample/members/index.php?profile=johnjohn2">johnjohn2</a></td><td rowspan="3" class="commentname1">They slather the mayo onto their sandwiches.  But hey, sometimes it's okay to indulge.  </td></tr>

<tr><td class="commentname2">June 16, 2010</td></tr><tr><td class="commentname2a">2:25 pm</td></tr>

<tr><td rowspan="3" class="commentnamecount">4.</td><td class="commentname2"><a href="http://www.domain.com/sample/members/index.php?profile=johnjohn2">johnjohn2</a></td><td rowspan="3" class="commentname1">Hmm...</td></tr>

<tr><td class="commentname2">June 18, 2010</td></tr><tr><td class="commentname2a">3:07 pm</td></tr></table>

Answer 1

Самый быстрый способ - добавить класс css для IE8 и любого другого браузера, т.е. 8.

<!--[if IE 8]>    
<style type="text\css">
.IE8tableFix
{
//a quick css hack to fix the table
}
</style>
<![endif]-->

Вы можете сделать что-то подобное выше или вывести конкретную ссылку на таблицу стилей CSS для любой версии, например, вам.

вот хорошая ссылка http://www.quirksmode.org/css/condcom.html на условные комментарии в т. Е.