I have 2 rows and i'm trying to get them to be flushed together in a table. The top cell has an image and the bottom is just text with a cell colored background.

there is a line between them and i'd like to get rid of that line.

any help would be appreciated.

js fiddle - <https://jsfiddle.net/w3huqvbg/1/>

```
<table class="mTest" border=0>
    <tr>
        <td><a href=""><img src="http://s8.postimg.org/5y5wc8jqp/test1.png" width="130"></a></td>
        <td><a href=""><img src="http://s8.postimg.org/5y5wc8jqp/test1.png" width="130"></a></td>
        <td><a href=""><img src="http://s8.postimg.org/5y5wc8jqp/test1.png" width="130"></a></td>
    </tr>
    <tr>
        <td class="mSelect"><a href="">text 1</a></td>
        <td><a href="">text 2</a></td>
        <td><a href="">text 3</a></td>
    </tr>
</table>

```