链接导致IE中的行距问题


link causes line spacing issue in IE

我有一段文字。如果文本比设置的长度长,则会在末尾添加"阅读更多"链接。我在IE中遇到的问题是,它迫使链接所在的行与上面的行分离,使其看起来很奇怪。它只发生在IE中。

以下是发生地点的链接:http://www.melfordschoolofmotoring.co.uk/test.php

我错过了什么来阻止在有链接的行顶部的额外边距?

if(mysql_num_rows($query)>0){
        //There are testimonials to retrieve from Database
        while($row = mysql_fetch_assoc($query)){
            $test = htmlentities($row['test']);
            $firstname = htmlentities($row['fn']);
            $surname = htmlentities($row['sn']);
            $date = date('d/m/Y',strtotime($row['date']));
            $form_test = '';
            if(strlen($test) > 180){
                $form_test .= substr($test,0,181);
                $form_test .= '<a href="test_more.php">...read more</a>';
            }else if(strlen($test)<180){
                $form_test .= $test;
            }
            echo '<div class="text_module_test"><!-- wraps each part of text in to a nice module -->';
            echo '<p>'.$form_test.'</p>';
            echo '<div class="test"><p>by '. $firstname .' '. $surname .' '. $date .'</p></div>';
            echo '</div>';
        }
    }else{
        //There aren't any testimonials in Database
        echo '<p>There are currently no testimonials to display.</p>';
    }
    .text_module_test{
border:1px solid #6a77fa;
background-color:#e1e4fe;
padding:10px;
margin:20px 0 0 0;
width:350px;
min-height:90px;
text-align:justify;
overflow:hidden;
}
.text_module_test p{
margin:0;
}
.text_module_test a:link, .text_module_test a:visited{
font-size:12px;
padding:0;
margin:0;
text-decoration:none;
color:#777caa;
}
.text_module_test a:hover{
color:#000;
font-size:12px;
padding:0;
margin:0;
}
.test{
padding:5px;
margin:0 20px 0 0;
width:340px;
height:10px;
text-align:right;
}
.test p{
font-size:10px;
margin: 0;
}

看起来这是由于菜单.css.menu_item a:link, a:visitedline-height: 34px;造成的。在样式.css中为.text_module_test a:link, .text_module_test a:visited添加line-height: 100%;以覆盖此规则。