기본 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/

사용 폰트 크기 : 부모 요소 (케이스에 P)가 0 또는 사이의 공간을 피하십시오 요소 넣기