css 定义了a标签的大小 怎么移动a标签的文字向左移动10个像素 求ie下解决方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{margin:0;padding:0;}
li{list-style:none;}
.congten{
width:215px;
        border:1px solid #DCDCDC;
        margin:0 auto;
}
.congten a{
width:215px;
height:40px;
display:inline-block;
line-height:40px;
border-bottom:1px solid red;
font-size:15px;
cursor:pointer;
        text-indent:10px
}</style>
</head><body>
<div class="congten">
   <li><a href="#">全部</a></li>
   <li><a href="#">住宿</a></li>
   <li><a href="#">旅游/攻略</a></li>
   <li><a href="#">美食</a></li>
   <li><a href="#">购物</a></li>
   <li><a href="#">风景</a></li>
   <li><a href="#">宠物</a></li>
  </div>
</body>
</html>求ie下解决方法

解决方案 »

  1.   

    没错啊  padding-left试试   不很明白你的意思
      

  2.   

    padding-left没用   会把原来的congten宽度撑开的
    我的意思是  怎么移动a标签里面的字 而不会撑开congten宽度
      

  3.   

    li 外套ul, css display:inline-block; 改 display:block;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    *{margin:0;padding:0;}
    li{list-style:none;}
    .congten{
    width:215px;
            border:1px solid #DCDCDC;
            margin:0 auto;
    }
    .congten a{
    width:215px;
    height:40px;
    display: block;
    line-height:40px;
    border-bottom:1px solid red;
    font-size:15px;
    cursor:pointer;
            text-indent:10px
    }</style>
    </head><body>
    <div class="congten">
    <ul>
       <li><a href="#">全部</a></li>
       <li><a href="#">住宿</a></li>
       <li><a href="#">旅游/攻略</a></li>
       <li><a href="#">美食</a></li>
       <li><a href="#">购物</a></li>
       <li><a href="#">风景</a></li>
       <li><a href="#">宠物</a></li>
      <ul>
      </div>
    </body>
    </html>