I have no idea why, but i can't apply left-padding to li element inside a table --> .tableHomeTopList li

The "border" and "padding-bottom" properties are working fine... ?

Code:
#page
{
  padding: 10px 0 0 0;
  clear: both;
  width: 972px;
  margin: 0 auto;
  min-height: 500px;
}

#page ul { margin: 0 0 15px 20px; list-style: disc;}
#page li {padding: 3px; line-height: 140%; }

.tableHomeTopList
{
  border-collapse: collapse;
  width: 700px;
}

.tableHomeTopList ul
{
    margin: 4px 0;
}

.tableHomeTopList li
{
    border: 1px solid blue;
    padding-left: 15px;
    list-style: none;
    background: #fff url(/img/checkMark.png) no-repeat;
    background-position: 0px 0px;
    padding-bottom: 5px;
}
<div id ="page">
 <table class="tableHomeTopList"> 
      <tr>
        <td>
        <ul>
        <li>BlaBla</li>
        <li>BlaBla</li>
         </ul>
         </td>
      </tr>
  </table>
</div>