如何设置TD中的IMG居中？

HTML code

            <div id="lmain">
                <table>
                <tr>
                    <td><img src="images/indexpp/01.jpg" alt="01" /></td>
                    <td><img src="images/indexpp/02.jpg" alt="02" /></td>
                    <td><img src="images/indexpp/03.jpg" alt="03" /></td>
                    <td><img src="images/indexpp/04.jpg" alt="04" /></td>
                </tr>
                <tr>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxx</td>
                </tr>
                <tr>
                    <td><img src="images/indexpp/05.jpg" alt="05" /></td>
                    <td><img src="images/indexpp/06.jpg" alt="06" /></td>
                    <td><img src="images/indexpp/07.jpg" alt="07" /></td>
                    <td><img src="images/indexpp/08.jpg" alt="08" /></td>
                </tr>
                <tr>
                    <td>xxx</td>
                    <td>xxx</td>
                    <td>xxxx</td>
                    <td>xxx</td>
                </tr>
              </table>
            </div>

CSS code

#lmain{
    width: 685px;
    height: 540px;
    margin-top: 20px;
}
    #lmain table{
        width: 685px;
        height:    540px;
    }

试过在td中用text-align:center;但是没有效果。

#lmain table{
  width: 685px;
  height: 540px;
  }

#lmain table img{display:block;margin:0 auto;}

<td><p align="center"><img border="0" src="abc.jpg" width="140" height="107"></td>