title: aligning image next to textbox
body: <p>I am having difficulty in aligning an image next to a text box. I was wondering if there is an easy way to do it other than setting padding and margin. because those measures can vary in each browsers. I have made a fiddle <a href="http://jsfiddle.net/wD5T9/" rel="noreferrer">http://jsfiddle.net/wD5T9/</a></p>
  
  <pre><code>&lt;div id='searchWrapper'&gt;
  &lt;input id='searchBox' style='width:250px; border:1px solid #cccccc; border-radius:7px 7px 7px 7px; padding:5px 28px 5px 10px; margin-top:14px; margin-left:50px;height:18px;' type='text' placeholder='Search'/&gt;&lt;img src='http://www.q-park.ie/Portals/8/images/search-icon.png'/&gt;
  &lt;/div&gt;
  </code></pre>