Breite von Select-Box mit CSS bestimmen

[Timo]

Hallo Romy,

danke für Deine Antwort. Leider klappt das alles nicht ;-(

Ich habe jetzt beide Varianten versucht - leider ohne Erfolg. So sieht jetzt der Code aus:

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 class="kompetenz" 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>
            <select name="select" 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.kompetenz
{
 width: 225px;
}

#content.select
{
 width: 225px;
}

Warum funktioniert das denn nicht. Eigentlich müssten doch beide Select-Boxen mit einer Breite von 225 Pixel angezeigt werden.

Für erneute Hilfe wäre ich sehr dankbar ;-)

MfG

Timo