title: Select option same width
body: <p><a href="http://jsfiddle.net/73vbu0kg/" rel="nofollow">http://jsfiddle.net/73vbu0kg/</a></p>
  
  <pre><code>select {
    -moz-appearance: none;
    border: 1px solid #333;
    color: #999;
    display: inline-block;
    font-size: 12px;
    height: 39px;
    padding: 0 15px;
    vertical-align: top;
    width: 218px;
  }
  select option {
    padding: 7px 15px;
  }
  </code></pre>
  
  <p>Why option field is wider than select? How do you fit it to same width both select and option with same text padding?</p>