Pete: Textgröße von select wird beim Aufmachen größer

Hallo,

ich habe folgeden Code (Auszug):

<select name="textmenu" size="1"  onChange="newText(this.form.textmenu.options[this.form.textmenu.selectedIndex].value)">
<option value="">Text einf&uuml;gen</option>
<option value="">------------------------</option>
<option value="headline">&Uuml;berschrift</option>
<option value="pict">Bild</option>
<option value="text">Text</option>
<option value="">------------------------</option>
<option value="breakline">Zeilenumbruch</option>
<option value="leerzeile">Leerzeile</option>
</select>

und folgenden css-code:

/* General Styles*/
option   { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; }
select   { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; }
body     { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration: none; font-weight:normal; padding:0px; margin-left:20px; margin-right:20px; margin-top:4px; margin-bottom:0px }

So, im Ungeklickten Zustand stellt der IE unter OSX alles prima dar. Klicke ich darauf und das select wird ausgeklappt, dann werden die options alle deutlich größer dargestellt. ???
Unter Firefox, Safari klappts.

Hat jemand einen Tipp auf Lager?

Pete

  1. Hallo Pete,
    Kannst Du das zum Testen mal irgenwo hochladen?
    TomIRL

    1. Hallo Pete,
      Kannst Du das zum Testen mal irgenwo hochladen?

      HIer die vereinfachte Seite mit dem gleichen Bug:

      #########################################
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      <html>
      <head>
      <title>head</title>

      <style type="text/css">

      option   { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; }
      select   { color:#444444; font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; font-weight:normal; }
      </style>

      </head>

      <body bgcolor="#FFE142">

      <table width="100%" border="0" cellspacing="0" cellpadding="5">
      <tr><td>
      <form name="subnavForm" action="">
      <select name="textmenu" size="1"  onChange="">
      <option value="">Text einf&uuml;gen</option>
      <option value="">------------------------</option>
      <option value="headline">&Uuml;berschrift</option>
      <option value="pict">Bild</option>
      <option value="text">Text</option>
      <option value="">------------------------</option>
      <option value="breakline">Zeilenumbruch</option>
      <option value="leerzeile">Leerzeile</option>
      </select>
      </form>
      </td>
      </tr>
      </table>

      </body>
      </html>

      #######################################

      Pete