造型的默认WordPress的搜索框

Question

我找不出什么原因造成提交按钮和搜索框的输入区域之间的空白。
http://i.imgur.com/q4Dqz.png

HTML：

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>"> 
<p><input type="text" class="field" name="s" id="s" placeholder="Search" /> 
<input type="submit" class="submit" name="submit" value="Traži" /></p> 

CSS：

#searchform { 
    float: right; 
    padding-top: 10px; 
    position: relative; 
} 

header input#s { 
    margin: 0; 
    border: none; 
    height: 29px; 
    width: 250px; 
} 

header input:active { 
    border: none; 
} 

header input.submit { 
    border: none; 
    height: 30px; 
    width: 30px; 
    margin: 0; 
    text-indent: -99999px; 
    background: white url(images/search.png) 0 0 no-repeat; 
    padding-right:20px; 
} 

Answer 1

http://jsfiddle.net/butuzov/MCtc3/

使用字体大小：0父元素（在你的情况下P）或避免之间的空间把元素