title: element not visible: Element is not currently visible and may not be manipulated - Selenium webdriver
body: <p>Following is the html</p>
  
  <pre><code>&lt;div id="form1:customertype" class="ui-selectonemenu ui-widget ui-state-default ui-corner-all ui-state-hover" style="width: 165px;"&gt;
     &lt;div class="ui-helper-hidden-accessible"&gt;
        &lt;select id="form1:customertype_input" name="form1:customertype_input" tabindex="-1"&gt;
           &lt;option value="S"&gt;Staff&lt;/option&gt;
           &lt;option value="C"&gt;Customer&lt;/option&gt;
           &lt;option value="N"&gt;New To Bank&lt;/option&gt;&lt;/select&gt;&lt;/div&gt;
    &lt;div class="ui-helper-hidden-accessible"&gt;&lt;input id="form1:customertype_focus" name="form1:customertype_focus" type="text" readonly="readonly"&gt;&lt;/div&gt;
    &lt;label id="form1:customertype_label" class="ui-selectonemenu-label ui-inputfield ui-corner-all" style="width: 149px;"&gt;Staff&lt;/label&gt;
    &lt;div class="ui-selectonemenu-trigger ui-state-default ui-corner-right ui-state-hover"&gt;&lt;span class="ui-icon ui-icon-triangle-1-s ui-c"&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The stylesheet of class="ui-helper-hidden-accessible" is</p>
  
  <pre><code>ui-helper-hidden-accessible {
        border: 0;
        clip: rect(0 0 0 0);
        height: 0px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 0px;
     }
  </code></pre>
  
  <p>Following is my code</p>
  
  <pre><code>    WebElement customerType = driver.findElement(By.id("form1:customertype_input"));
      Select select = new Select(customerType);
      select.selectByVisibleText("New To Bank");
  </code></pre>
  
  <p>When I try to select "New to Bank" from the dropdown I get exception
  element not visible: Element is not currently visible and may not be manipulated - Selenium webdriver</p>
  
  <p>I have tried WebDriverWait technique but of no use, any ideas ?</p>