html - Two selects on top of each other not working on older android devices -

I have an interesting bug, why is it happening? I do not know. I have a large project that has many inputs and select them. When a popup shows that it is not clickable on older Android devices. What is the reason for the issue of Android Stock Browser 2.3.4 in particular. I compressed the code below it below. Two selections are above each other but one is located on the right side. If you click on the left side then it works. If you click on the right, then nothing happens. It opens the right selection on all other browsers, I must think it should do at least something

Have you heard about this and do you know about any work?

  & lt ;; Doctype html & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Meta name = "viewport" content = "width = device-width, minimum-scale = 1.0, maximum-scale = 1.0, user-scalable =" gt; & Lt; Style & gt; Select {width: 100%; } #workPerformedFields {background-color: #FFFFFF; Border: 1 px solid # 999999; Status: Completed; Left: 50%; Width: 300px; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "workPerformedFields" & gt; & Lt; Gt selection and; & Lt; Options & gt; A & lt; / Options & gt; & Lt; / Select & gt; & Lt; / Div & gt; & Lt; Div & gt; & Lt; Gt selection and; & Lt; Options & gt; Two & lt; / Options & gt; & Lt; / Select & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt; Change    
 
 
  user-scalable = not  to  Scalable = Yes  This is a known bug.