title: Test case for create new acc Gmail form--unable to select "Month" drop down
body: <p>I am a newbie in selenium webdriver,
  I am writing a test case- "Create new account in gmail" unable to select month..</p>
  
  <p>Here is code i used:</p>
  
  <pre><code>    driver.findElement(By.id("link-signup")).click();
      WebElement element =driver.findElement(By.id("BirthMonth"));
      Select mSelection = new Select(element);
      mSelection.selectByVisibleText("July");
  </code></pre>
  
  <p>i am getting error:: 
  Unexpected Tagname exception :Element should have been select but was span</p>
  
  <p>--i didnt find any select tag in html code.. how to resolve this</p>
  
  <p>html code::</p>
  
  <pre><code>&lt;label id="month-label" class="month"&gt;
  &lt;span id="BirthMonth" class=" " aria-invalid="false"&gt;
  &lt;div class="goog-inline-block goog-flat-menu-button jfk-select goog-flat-menu-button-hover goog-flat-menu-button-focused" role="listbox" style="-moz-user-select: none;" aria-expanded="false" tabindex="0" aria-haspopup="true" title="" aria-activedescendant=":0"&gt;
  &lt;div id=":0" class="goog-inline-block goog-flat-menu-button-caption" role="option" aria-setsize="12" aria-posinset="0"&gt;Month&lt;/div&gt;
  &lt;div class="goog-inline-block goog-flat-menu-button-dropdown" aria-hidden="true"/&gt;
  &lt;/div&gt;
  &lt;div class="goog-menu goog-menu-vertical" style="-moz-user-select: none; visibility: visible; left: 0px; top: -107.133px; display: none;" role="listbox" aria-haspopup="true"&gt;
  &lt;div id=":1" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":2" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":3" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":4" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":5" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":6" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":7" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":8" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":9" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":a" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":b" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;div id=":c" class="goog-menuitem" role="option" style="-moz-user-select: none;"&gt;
  &lt;/div&gt;
  &lt;input id="HiddenBirthMonth" type="hidden" name="BirthMonth"/&gt;
  &lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>--thanks</p>