title: Primefaces SelectOneMenu not rendering properly with text
body: <p>I am trying a userform with primefaces 3.5, all the components are working fine except selectonemenu, which not render correctly.</p>
  
  <p>Its text field is not showing on selection of any drop down field.</p>
  
  <p>i can't post image as i don't have that much reputation </p>
  
  <p><strong>Code</strong></p>
  
  <pre><code>&lt;p:panelGrid id="jobsGrid" columns="2" style="width:100%;margin-bottom:20px;margin-top:20px; margin-left:20px;margin-right:20px;text-align:left;"&gt;
    &lt;f:facet name="header"&gt; ----- Quick Job Posting -----&lt;/f:facet&gt;
     &lt;h:outputText value="OLF Number " /&gt;
      &lt;p:inputText value="#{jobs.jobDetail.OLF_No}" /&gt;
      &lt;h:outputText value="RRF Number " /&gt;
      &lt;p:inputText  value="#{jobs.jobDetail.RRF_No}" /&gt;
      &lt;h:outputText value="OLF Status " /&gt;
      &lt;p:selectOneMenu value="#{jobs.jobDetail.OLF_Status}" style="margin-top:0px;margin-bottom:0px;height:5px;font-size:10px"&gt;
         &lt;f:selectItem itemLabel="---- Select ----" itemValue="" /&gt;
         &lt;f:selectItem itemLabel="Approved" itemValue="Approved" /&gt;
         &lt;f:selectItem itemLabel="Pending Approval" itemValue="Pending Approval" /&gt;
         &lt;f:selectItem itemLabel="New" itemValue="New" /&gt;
      &lt;/p:selectOneMenu&gt;
  
      &lt;h:outputText value="RRF Type " /&gt;
      &lt;p:selectOneMenu value="#{jobs.jobDetail.RRF_type}" style="margin-top:0px;margin-bottom:0px;height:5px;font-size:10px"&gt;
         &lt;f:selectItem itemLabel="---- Select ----" itemValue="" /&gt;
         &lt;f:selectItem itemLabel="Growth" itemValue="Growth" /&gt;
         &lt;f:selectItem itemLabel="Replacement" itemValue="Replacement" /&gt;
      &lt;/p:selectOneMenu&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>Screen Shot</strong></p>
  
  <p><img src="https://i.stack.imgur.com/0qQf5.png" alt="enter image description here"></p>
  
  <p>How can i fix this ?</p>