title: Background image makes different design
body: <p>html,</p>
  
  <pre><code>&lt;select id="start_time" name="start_time" class="hasTimeEntry"&gt;
      &lt;option value="00:00"&gt;00:00&lt;/option&gt;
      &lt;option value="00:30"&gt;00:30&lt;/option&gt;
      &lt;option value="01:00"&gt;01:00&lt;/option&gt;
      &lt;option value="01:30"&gt;01:30&lt;/option&gt;
      &lt;option value="02:00"&gt;02:00&lt;/option&gt;
      &lt;option value="02:30"&gt;02:30&lt;/option&gt;
      &lt;option value="03:00"&gt;03:00&lt;/option&gt;
      &lt;option value="03:30"&gt;03:30&lt;/option&gt;
      &lt;option value="04:00"&gt;04:00&lt;/option&gt;
      &lt;option value="04:30"&gt;04:30&lt;/option&gt;
      &lt;option value="05:00"&gt;05:00&lt;/option&gt;
      &lt;option value="05:30"&gt;05:30&lt;/option&gt;
      &lt;option value="06:00"&gt;06:00&lt;/option&gt;
      &lt;option value="06:30"&gt;06:30&lt;/option&gt;
      &lt;option value="07:00"&gt;07:00&lt;/option&gt;
      &lt;option value="07:30"&gt;07:30&lt;/option&gt;
      &lt;option value="08:00"&gt;08:00&lt;/option&gt;
      &lt;option value="08:30"&gt;08:30&lt;/option&gt;
      &lt;option value="09:00"&gt;09:00&lt;/option&gt;
      &lt;option value="09:30"&gt;09:30&lt;/option&gt;
      &lt;option value="10:00"&gt;10:00&lt;/option&gt;
      &lt;option value="10:30"&gt;10:30&lt;/option&gt;
      &lt;option value="11:00"&gt;11:00&lt;/option&gt;
      &lt;option value="11:30"&gt;11:30&lt;/option&gt;
      &lt;option value="12:00"&gt;12:00&lt;/option&gt;
      &lt;option value="12:30"&gt;12:30&lt;/option&gt;
      &lt;option value="13:00"&gt;13:00&lt;/option&gt;
      &lt;option value="13:30"&gt;13:30&lt;/option&gt;
      &lt;option value="14:00"&gt;14:00&lt;/option&gt;
      &lt;option value="14:30"&gt;14:30&lt;/option&gt;
      &lt;option value="15:00"&gt;15:00&lt;/option&gt;
      &lt;option value="15:30"&gt;15:30&lt;/option&gt;
      &lt;option value="16:00"&gt;16:00&lt;/option&gt;
      &lt;option value="16:30"&gt;16:30&lt;/option&gt;
      &lt;option value="17:00"&gt;17:00&lt;/option&gt;
      &lt;option value="17:30"&gt;17:30&lt;/option&gt;
      &lt;option value="18:00"&gt;18:00&lt;/option&gt;
      &lt;option value="18:30"&gt;18:30&lt;/option&gt;
      &lt;option value="19:00"&gt;19:00&lt;/option&gt;
      &lt;option value="19:30"&gt;19:30&lt;/option&gt;
      &lt;option value="20:00"&gt;20:00&lt;/option&gt;
      &lt;option value="20:30"&gt;20:30&lt;/option&gt;
      &lt;option value="21:00"&gt;21:00&lt;/option&gt;
      &lt;option value="21:30"&gt;21:30&lt;/option&gt;
      &lt;option value="22:00"&gt;22:00&lt;/option&gt;
      &lt;option value="22:30"&gt;22:30&lt;/option&gt;
      &lt;option value="23:00"&gt;23:00&lt;/option&gt;
      &lt;option value="23:30"&gt;23:30&lt;/option&gt;&lt;/select&gt;
  </code></pre>
  
  <p>css,</p>
  
  <pre><code>#start_time {
  background: url(/images/startclock_icon_small.gif) no-repeat scroll 1px 1px;
  text-indent: 20px;
  border-width: 1px 1px 1px 1px;
  width: 142px;
  }
  </code></pre>
  
  <p>if i run this it shows like this,</p>
  
  <p><img src="https://i.stack.imgur.com/4yUoD.png" alt="enter image description here"></p>
  
  <p>as you can see in the pic, if i put the</p>
  
  <pre><code>background:url attributes
  </code></pre>
  
  <p>it shows a different design that i dont want.</p>
  
  <p>i want the same design like the right textfield.</p>
  
  <p>if i comment the background : url it shows fine</p>
  
  <p>however, i need this img icon as a background img :(</p>
  
  <p>any good idea????</p>
  
  <p>========================================</p>
  
  <p><strong>fiddle demo</strong>
  <a href="http://jsfiddle.net/gmu3F/" rel="nofollow noreferrer">DEMO</a></p>
  
  <p>=================================</p>
  
  <p>still design that i don't want</p>
  
  <p><img src="https://i.stack.imgur.com/ICcQB.png" alt="enter image description here"></p>