Линия на некоторых браузерах

Question

Существует строка, которая появляется под текстом в определенном div.

Проблема возникает только в Firefox и IE.

Вот снимки экрана, я использую весь DIV в качестве ссылки:

Вот как я построил дивы и текст

В CSS :

.whiteTextBold { 
    color:#fff; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 700; 
    font-style: none; 
    font-size: 15px; 
    text-decoration: none; 
} 

.moreInfo { 
    background:rgba(255,255,255,0.0); 
    border:1px solid; 
    border-color:#fff; 
    width:170px; 
    height:35px; 
    text-decoration: none; 
} 

в файл:

<a target="_blank" href="#"> 
<div class="moreInfo"> 
<table width="100%" height="100%"> 
<tr><td align="center"><font class="whiteTextBold">More info</font></td></tr> 
</table> 
</div></a> 

Что я могу сделать, чтобы избежать этой строки?

Answer 1

Использование:

a { 
    text-decoration: none; 
} 

или добавить класс к а, если у вас уже есть стиль для них.