居中问题，求大神

HTML code

<style type="text/css">body{    text-align:center;}li{    background-image:url(images/btn3.jpg);    float:left;    list-style-type:none;    width:155px;    height:58px;    text-align:center;    color:#F09;    font-weight:bold;    font-size:16px;    font-family:Arial, Helvetica, sans-serif;}</style></head><ul>    <li></br>Gift</li>    <li></br>I,Say</li>    <li></br>Photo</li>    <li></br>Letter</li></ul>

这个li始终就是不能居中，试了各种方法了， 求大神解救啊， 还有button怎么控制他在页面中的位置啊，CSS貌似不好用，还是我用的不对