[jQuery] Select

[shapper]

Hello,

I am trying to style my form inputs, textareas and selects as follows:

        input, select, textarea {
          border: solid 6px #ECF0F9;
          color: #252525;
          font: normal 0.75em Verdana, Geneva, sans-serif;
          padding: 0.25em;
          width: 520px;
        }

I am having a few problems:

Firefox 3:

   1. The select is narrow than the inputs and textareas;
   2. When I click the select the dropdown borders look different ...
some are thinner than others.

IE 7:

  1. The select is narrow than the inputs and textareas;
  2. The border of the select is not changed.

What am I doing wrong and how can I make the appearance of a Select
look the same across various browsers?

Can I do this with JQuery?

Thanks,
Miguel