Table formatting in text widget

I’m using this theme with a child theme i created to change a few things, one is the footer. I want a 2 column table to show the addresses of a business.

I don’t want any border, but no matter what i still get some horizontal white lines. I tried setting all border styles to none but they are still there. See here.

This is the custom css:

<style type="text/css">
table.dfdfoot {
    border: none;
    width: 450px;
    text-align: left;
}
table.dfdfoot th {
    border: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
   font-size : 100%;
   background: #3A3C41 none; color: #ffffff;
}
table.dfdfoot td {
    border: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
   font-size : 77%;
   background: #3A3C41; color: #ffffff;
}
</style>

the table on the text widget:

<table class="dfdfoot">
<tr>
	<th>Location1</th>
	<th>Location2</th>
</tr>
<tr>
	<td>Street1</td>
	<td>Street2</td>
</tr>
<tr>
        <td>Address1</td>
        <td>Address2</td>
</tr>
<tr>
        <td>City1</td>
        <td>City2</td>
</tr>
<tr>
        <td>Phone1</td>
        <td>Phone2</td>
</tr>
</table>

Width is also too small, if i use 100% it uses very little space on the left of the page. Can i change this too?

My wordpress/php experience is 1 week old, please bear with me ??