title: How can I control a dropdown's visible text's position?
body: <p>I have a dropdown that I'm looking to enlarge without effecting the text and ensuring the right hand down arrow remains at the full hieght of the element.</p>
  
  <p>I've tried adding padding but this effects the right side:</p>
  
  <p><a href="http://hoctordesign.com/dropdown2.png" rel="nofollow noreferrer">Dropdown with padding http://hoctordesign.com/dropdown2.png</a></p>
  
  <p>I've tired adding height but I can't vertically align the text:</p>
  
  <p><a href="http://hoctordesign.com/dropdown.png" rel="nofollow noreferrer">Dropdown with height http://hoctordesign.com/dropdown.png</a></p>
  
  <p>Anyone solved this before?</p>
  
  <p>Thanks,
  Denis</p>