Breite von Select-Box mit CSS bestimmen

[Timo]

Hallo,

ich möchte die Breite einer Select-Box mit CSS bestimmen. Das funktioniert soweit auch alles ganz problemlos, wenn ich die style-Anweisung direkt in das HTML-Tag setze, also <select name="kompetenzen[]" style="width=300px" size="5">. Es klappt allerdings nicht, wenn ich die style-Anweisung in eine externe Datei ausgliedere.

HTML-Datei:

[...]
<div id="content">
  <form method='post' action='<?php echo $_SERVER['PHP_SELF'] ?>'>
    <table width="400" border="0">
      <tr>
        <td width="175"> </td>
        <td width="225">
          <p>
            <select name="kompetenzen[]" size="5">
              <option>gkgjhg </option>
              <option>ghjgjhgj</option>
              <option>hgjgjhgk</option>
              <option>hjgjhgjh</option>
              <option>klöklökölkä</option>
            </select>
          </p>
          <p>  </p>
        </td>
      </tr>
    </table>
  </form>
</div>
[...]

CSS-Datei:

#content
{
 position:absolute;
 top:180px;
 left:255px;
 width:400px;
 height:400px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10pt;
 color: #000099;
 line-height: 11pt;
 text-align: justify;
 background-color : transparent;
}

#content.kompetenzen[]
{
 width: 225px;
}

Wie muss ich den style in der CSS-Datei definieren, damit in der HTML-Datei die Select-Box mit der gegebenen Breite anzeigt? Ich habe jetzt schon zig Varianten in der CSS-Datei ausprobiert, könnte bisher aber noch keine funktionierende Lösung finden.

Für Hilfe wäre ich sehr dankbar!

MfG

Timo