Html select fails to drop down in simple case in Firefox, Safari and Chrome. IE OK -


the "select" in following html works in ie9.0 fails drop-down when clicked in firefox 10.0, safari 5.1.7 , chrome 26.0. why?

i'm facing problem in more complex web page , have spent time isolating down simple case. remaining elements , styling appear need present problem occur.

<h1>a</h1> <div style="margin-top: 3px; float: right;">    <select>       <option value="1">b</option>       <option value="2">c</option>    </select>  </div> <div style="position: relative;">    d </div> 

here answer. relatively positioned d element on top of select box. can select if click @ bottom of it. try setting select have z-index higher relatively positioned div, or changing width of div.

a solution:

<h1>a</h1> <div style="margin-top: 3px; float: right;">    <select>       <option value="1">b</option>       <option value="2">c</option>    </select>  </div> <div style="position: relative; width:50px;">    d </div> 

Comments

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -