title: form input and submit button in same line
body: <p>I am trying to create search field, now this is how it looks on all browsers except chrome</p>
  
  <p><img src="https://i.stack.imgur.com/jgmJy.png" alt="enter image description here"></p>
  
  <p>This is how it looks in chrome:</p>
  
  <p><img src="https://i.stack.imgur.com/bsXab.png" alt="enter image description here"></p>
  
  <p>And here is my css:</p>
  
  <pre><code>#search_input{
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #DEDEDE;
  border-style: solid none solid solid;
  border-width: 1px medium 1px 1px;
  height:25px;
  padding-left:3px;
  }
  
  
  #search_submit {
  position: relative;
  right: 4px;
  top: 8px;
  }
  </code></pre>
  
  <p>Also html:</p>
  
  <pre><code>&lt;form action="#"&gt;
      &lt;input id="search_input" type="text" name="search" /&gt;
      &lt;input id="search_submit" type="image" src="../media/images/search_button.jpg" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Sorry for such a long post i just wanted to make thing clear, anyways how do i fix this problem with chrome?</p>
  
  <p><strong>EDIT</strong> Here is the button <a href="http://shinigami.cd.lt/media/images/search_button.jpg" rel="nofollow noreferrer">http://shinigami.cd.lt/media/images/search_button.jpg</a></p>
  
  <p>input is done by css no image used.</p>