title: THREE.js Ray Intersect fails by adding div
body: <p>My Three.js script runs fine when there is only one target div on the page (which holds renderer.domElement). As soon as I add another div with fixed height and width above the target div, ray.intersectObjects returns null. I doubt that the vector that I am creating for ray is causing the problem. Here is the code.</p>
  
  <pre><code>var vector = new THREE.Vector3( ( event.clientX / divWidth ) * 2 - 1, -( event.clientY / divHeight ) * 2 + 1, 0.5 );
  
  projector.unprojectVector( vector, camera );
  
  var ray = new THREE.Ray( camera.position, vector.subSelf( camera.position ).normalize() );
  
  var intersects = ray.intersectObjects( myObjects, true );
  </code></pre>
  
  <p>Any ideas on how I can solve this.</p>
  
  <p>EDIT: it is now <code>THREE.Raycaster</code>  (three.js r.56)</p>