css - IE 7 上的对齐问题

Question

我有一个 div 标签，还有一个 asp.net TextBox 控件。我想将文本框与左边框对齐。但是文本框在左边留下了大约 100px 的空间。我试过 padding:0px, margin:0px, float:left 等...但都没有解决问题。它在其他浏览器上运行良好。而且我已经有了支持不同浏览器的条件注释。知道为什么空格会出现在 IE 7 的左侧吗？

这是代码

<div class="keywords-div">
        <asp:TextBox ID="keywordSearch" CssClass="txt-keywords" type="text" size="30px" />
        </div>

.txt-keywords
{
            width: 340px;
            float: left;
            background: transparent;            
            height: 28px;
            border: 0px;
            font-size: 18px;
            line-height: 38px;
            padding: 0px;
            margin: 0px;
}

.keywords-div
{

            width: 378px;     
            height: 38px;      
            text-align: left;  
            padding: 0px;
            margin: 0px;
            clear: both;
            border:1px solid red;
}

Answer 1

使用

_padding:0;
_margin:0;
*paddin:0;
*margin:0;