title: Can't find element (findElement) in the Chrome browser using Selenium WebDriver
body: <p>I can't find the elements in Chrome browser(</p>
  
  <blockquote>
    <p>ng-bind="task.STATE">Documents&lt;</p>
  </blockquote>
  
  <p>Selenium can find the element only in FireFox browser (via Selenium IDE)</p>
  
  <pre><code> driver.findElement(By.xpath("//div[4]/span")).click();
  </code></pre>
  
  <p><strong>HTML:</strong></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="stat-column"&gt;
            &lt;h4&gt;&lt;!-- &lt;div class="dashboard-tasks-undone"&gt;{{numTasks}}&lt;/div&gt;  --&gt; &lt;span class="dashboard-tasks-undone-text"&gt;Tasks&lt;/span&gt;&lt;/h4&gt;
            &lt;div class="tasks-panel row"&gt;
              &lt;!-- ngRepeat: task in tasks --&gt;&lt;div class="col-xs-4 tasks-panel-cell ng-scope" ng-repeat="task in tasks" ng-click="kycTaskClick(task)"&gt;
                &lt;span class="task-counter ng-binding task-counter-red" ng-bind="task.COUNT" ng-class="{'task-counter-faded': task.COUNT == '0','task-counter-red':task.red}"&gt;11&lt;/span&gt;
                &lt;span class="task-description ng-binding" ng-bind="task.STATE"&gt;Permission&lt;/span&gt;
              &lt;/div&gt;&lt;!-- end ngRepeat: task in tasks --&gt;&lt;div class="col-xs-4 tasks-panel-cell ng-scope" ng-repeat="task in tasks" ng-click="kycTaskClick(task)"&gt;
                &lt;span class="task-counter ng-binding" ng-bind="task.COUNT" ng-class="{'task-counter-faded': task.COUNT == '0','task-counter-red':task.red}"&gt;27&lt;/span&gt;
                &lt;span class="task-description ng-binding" ng-bind="task.STATE"&gt;Authorised&lt;/span&gt;
              &lt;/div&gt;&lt;!-- end ngRepeat: task in tasks --&gt;&lt;div class="col-xs-4 tasks-panel-cell ng-scope" ng-repeat="task in tasks" ng-click="kycTaskClick(task)"&gt;
                &lt;span class="task-counter ng-binding" ng-bind="task.COUNT" ng-class="{'task-counter-faded': task.COUNT == '0','task-counter-red':task.red}"&gt;95&lt;/span&gt;
                &lt;span class="task-description ng-binding" ng-bind="task.STATE"&gt;Answers&lt;/span&gt;
              &lt;/div&gt;&lt;!-- end ngRepeat: task in tasks --&gt;&lt;div class="col-xs-4 tasks-panel-cell ng-scope" ng-repeat="task in tasks" ng-click="kycTaskClick(task)"&gt;
                &lt;span class="task-counter ng-binding" ng-bind="task.COUNT" ng-class="{'task-counter-faded': task.COUNT == '0','task-counter-red':task.red}"&gt;47&lt;/span&gt;
                &lt;span class="task-description ng-binding" ng-bind="task.STATE"&gt;Documents&lt;/span&gt;
              &lt;/div&gt;&lt;!-- end ngRepeat: task in tasks --&gt;&lt;div class="col-xs-4 tasks-panel-cell ng-scope" ng-repeat="task in tasks" ng-click="kycTaskClick(task)"&gt;
                &lt;span class="task-counter ng-binding" ng-bind="task.COUNT" ng-class="{'task-counter-faded': task.COUNT == '0','task-counter-red':task.red}"&gt;14&lt;/span&gt;
                &lt;span class="task-description ng-binding" ng-bind="task.STATE"&gt;Identity&lt;/span&gt;
              &lt;/div&gt;&lt;!-- end ngRepeat: task in tasks --&gt;&lt;div class="col-xs-4 
            &lt;/div&gt;
          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>