title: Removing the border on select tag
body: <p>I made a form for a site and all textboxes have rounded corners except the select drop down box. I made a rounded box style and it shows but the original square also shows behind it. Is there any way I can remove this so my is the only one that shows. I'll add the code</p>
  
  <pre><code>&lt;td&gt;Service Requested:
        &lt;select style="margin-left: 10px" name="service" tabindex="4"&gt;
             &lt;option value=" " selected="selected"&gt; &lt;/option&gt;
             &lt;option value="Residential Move"&gt;Residential Move*&lt;/option&gt;
             &lt;option value="Commercial Move"&gt;Commercial Move*&lt;/option&gt;
             &lt;option value="Storage Unit Loading"&gt;Storage Unit Loading&lt;/option&gt;
             &lt;option value="Storage Unit Unloading"&gt;Storage Unit Unloading&lt;/option&gt;
             &lt;option value="Furniture Consignment"&gt;Furniture Consignment&lt;/option&gt;
             &lt;option value="Assembly/Removal"&gt;Assembly/Removal&lt;/option&gt;
             &lt;option value="Landscaping"&gt;Landscaping&lt;/option&gt;
             &lt;option value="Cleanout"&gt;Cleanout&lt;/option&gt;
             &lt;option value="General Help"&gt;General Help&lt;/option&gt;
        &lt;/select&gt;
  &lt;/td&gt;        
  </code></pre>
  
  <p>and this is the entire css for the whole form. Just have at it</p>
  
  <pre><code>#searchbox {
  padding-left: 190px;
  padding-bottom:40px;
  background: url(../images/border-dashed.gif) repeat-x left bottom;
  }
  
  #searchbox form {
  margin: 0;
  }
  
  #searchbox table {
  margin: 0;
  }
  
  #searchbox th, td {
  text-align: left;
  font-weight: normal;
  color:#302f2f;
  }
  
  #searchbox .submitrow {
  text-align: right;
  }
  
  #search {
  
  }
  
  #search input[type="text"] {
     border: 2px solid #c1c2c3 ;
     font: bold 12px Arial,Helvetica,Sans-serif;
     color: #302f2f;
     width: 100px;
     padding: 6px 15px 6px 15px;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     border-radius: 20px;
     text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
     -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
     -webkit-transition: all 0.7s ease 0s;
     -moz-transition: all 0.7s ease 0s;
     -o-transition: all 0.7s ease 0s;
     transition: all 0.7s ease 0s;
  }
  
  #search input[type="text"]:focus {
     width: 150px;
  }
  
  #search select {
      border: 2px solid #c1c2c3 ;
      font: bold 12px Arial,Helvetica,Sans-serif;
      color: #302f2f;
      width: 200px;
      padding: 6px 15px 6px 15px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
      -webkit-transition: all 0.7s ease 0s;
      -moz-transition: all 0.7s ease 0s;
      -o-transition: all 0.7s ease 0s;
      transition: all 0.7s ease 0s;
  }
  
  #search select:focus {
      width: 250px;
  }
  
  #search textarea {
      border: 2px solid #c1c2c3 ;
      font: bold 12px Arial,Helvetica,Sans-serif;
      color: #302f2f;
      width: 300px;
      padding: 6px 15px 6px 15px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;
      text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
      -webkit-transition: all 0.7s ease 0s;
      -moz-transition: all 0.7s ease 0s;
      -o-transition: all 0.7s ease 0s;
      transition: all 0.7s ease 0s;
  }
  
  #search textarea:focus {
  
  }
  
  
  .contactwrapper {width:auto; height:200px; overflow:hidden;}
  .extra-wrap {width:800px; overflow:hidden;}
  
  
  
  
  .formbtn {
  background: url(../images/formbtns.png) no-repeat;
  background-position: 0 bottom;
  color: #f1f2ea;
  display: block;
  line-height: 28px;
  float:right;
  margin-left:450px;
  margin-bottom:40px;
  height: 30px;
  width: 100px;
  margin: 48px 10px;
  outline: 0;
  text-align: center;
  text-decoration: none;
  }
  .formbtn:hover {
  background-position: 0 top;
  }
  </code></pre>
  
  <p>thanks</p>