Alti: <Select> Dropdown innerhalb <div> funktionnier nicht in Firefox

Beitrag lesen

Hallo an Alle
Ich hab da ein lustiges Problem an dem ich mir nun schon seit einiger Zeit die Zähne ausbeisse. Ich habe ein Tabelle in der innerhalb einer Zelle (<td>) zwei <div>-Tags stehen, die jeweils eine neue Tabelle beinhalten. Diese sind per Default als 'display: none' und können über einen Radiobutton aktiviert werden. Das funktionniert soweit wunderbar. Das eigentliche Problem ist nun, dass der <select> innerhalb dieser mittels 'display: inline' angezeigten Tabelle zwar angezeigt wird, aber sonst keinen Wank macht, sprich die Auswahl nicht angezeigt wird.
Hier noch der Code dazu:

<div id="place" name="place" style="position: relative; display: none; z-index: 1; float: none; top: auto; left: auto">

<table border="0" cellspacing="0" cellpadding="0">
       <tr>
        <td width="130" height="1"><img src="/images/spacer.gif" width="130" height="1"></td>
        <td width="100" height="1"><img src="/images/spacer.gif" width="100" height="1"></td>
        <td width="100" height="1"><img src="/images/spacer.gif" width="100" height="1"></td>
        <td width="220" height="1"><img src="/images/spacer.gif" width="220" height="1"></td>
       </tr>
       <tr>
        <td colspan="4"><strong>Countrycode</strong></td>

</tr>
       <tr>
        <td width="130" valign="top">&nbsp;</td>
        <td width="200" valign="top" colspan="2">
        <select name="countrycode_place" id="countrycode_place" onChange="JavaScript:do_xml('place','regioncode_place','countrycode_place');">
<option value="">Please select...</option>
<option value="A">Austria</option>
<option value="B">Belgium</option>
<option value="C">Switzerland</option>

<option value="D">Germany</option>
<option value="E">Spain</option>
<option value="F">France</option>
<option value="G">Great Britain</option>
<option value="H">Croatia</option>
<option value="I">Italy</option>
<option value="J">Ireland</option>
<option value="K">Slovakia</option>
<option value="L">Poland</option>

<option value="M">Hungary</option>
<option value="N">Netherlands</option>
<option value="P">Portugal</option>
<option value="Q">Australia</option>
<option value="S">Finland</option>
<option value="T">Czech Republic</option>
<option value="U">USA</option>
<option value="W">Turkey</option>
<option value="X">Greece</option>

<option value="Y">Denmark</option>
<option value="Z">Morocco</option>
</select>

</td>
        <td width="220" valign="top">&nbsp;</td>
       </tr>
       <tr>
        <td colspan="4"><strong>Regioncode</strong></td>

</tr>
       <tr>
        <td width="130" valign="top">&nbsp;</td>
        <td width="200" valign="top" colspan="2">
        <select name="regioncode_place" id="regioncode_place" onChange="JavaScript:do_xml('place','placecode_place','regioncode_place');">
        <option value="">Please select...</option>
        </select>
        </td>

<td width="220" valign="top">&nbsp;</td>
       </tr>
       <tr>
        <td colspan="4"><strong>Placecode</strong></td>
       </tr>
       <tr>
        <td width="130" valign="top">&nbsp;</td>
        <td width="200" valign="top" colspan="2">

<select name="placecode_place" id="placecode_place">
        <option value="">Please select...</option>
        </select>
        </td>
        <td width="220" valign="top">&nbsp;</td>
       </tr>
       <tr>
        <td height="5" colspan="4"><img src="/images/spacer.gif" height="5" width="1"></td>

</tr>
      </table>
      </div>