jquery下拉列表所选文本填充asp.net

Im使用jquery下拉列表选择框
它的工作很好，除了我不知道如何设置左边的填充：20px；选定文本的排序
所选文本非常左，im使用圆角背景，所选文本需要一些左填充
有人能帮忙吗

      <!-- aspx -->
            <link href='Styles/Selectbox.css' rel='stylesheet' type='text/css' />
                <script src='http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.js'
                        type='text/javascript' charset='utf-8'></script>
                <script type='text/javascript' src='Scripts/jquery.selectbox-0.5.js'>
                </script>
                <script src='Scripts/PageScript.js' type='text/javascript'></script>
    <asp:DropDownList runat='server' name='Items' id='Items'
                          class='StyledDD' ClientIDMode='Static'>
          <asp:ListItem>One</asp:ListItem>
          <asp:ListItem>Two</asp:ListItem>
          <asp:ListItem>Three</asp:ListItem>
          <asp:ListItem>Four</asp:ListItem>
        </asp:DropDownList>

    <!--    jquery function  -->
        $(document).ready(function () {
            $('.StyledDD').selectbox();
        });

<!-- CSS --->
/* Drop down styles*/
div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  text-align:left;
  max-height:200px;
  overflow:auto;
}

/*Drop down list styles*/
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
/* Selected item in dropdown list*/
div.selectbox-wrapper ul li.selected {
  background-color: #EAF2FB;
}

/* Hover state for dropdown list */
div.selectbox-wrapper ul li.current {
  background-color: #CDD8E4;
}

/* Drop down list items style*/
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

/* Look and feel of select box */
.selectbox
{
  margin: 0px 5px 10px 0px;
  padding-left:2px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:1em;/* Resize Font*/
  width : 190px; /* Resize Width */
  display : block;
  text-align:left;
  background: url('../images/bg_select.png') right;
  cursor: pointer;
  border:1px solid #D1E4F6;
  color:#333;
}

一
二
三
四
$（文档）.ready（函数（）{
$（'.StyledDD'）.selectbox（）；
});
/*下拉式样式*/
div.selectbox-wrapper{
位置：绝对位置；
宽度：400px；
背景色：白色；
边框：1px实心#ccc；
边际：0px；
利润上限：-10px；
填充：0px；
文本对齐：左对齐；
最大高度：200px；
溢出：自动；
}
/*下拉列表样式*/
div.selectbox-wrapper-ul{
列表样式类型：无；
边际：0px；
填充：0px；
}
/*下拉列表中的选定项*/
div.selectbox-wrapper ul li.selected{
背景色：#EAF2FB；
}
/*下拉列表的悬停状态*/
div.selectbox-wrapper ul li.current{
背景色：#CDD8E4；
}
/*下拉列表项样式*/
div.selectbox-wrapper ul li{
列表样式类型：无；
显示：块；
保证金：0；
填充：2px；
光标：指针；
}
/*选择框的外观*/
.选择框
{
保证金：0px 5px 10px 0px；
左侧填充：2px；
字体系列：Verdana、Geneva、Arial、Helvetica、sans serif；
字体大小：1em；/*调整字体大小*/
宽度：190px；/*调整宽度*/
显示：块；
文本对齐：左对齐；
背景：url（'../images/bg_select.png'）右侧；
光标：指针；
边框：1px实心#D1E4F6；
颜色：#333；
}

在花了几个小时之后，我发现通过给予

text-indent: 50px;

为我工作