Q:

How do you make the entire DIV clickable to go to another page?

Do not bind it to javascript "onclick".
It needs to be an anchor.
I know I can bind onclick to the div and make it window.location. However, then...the user cannot open a new tab by CONTROL+Clicking it.
I just want an <a> that fills up the entire div.

A:

Try setting the anchor to display as a block within your DIV and setting its height to 100%, like this:
<style>
  a { display: block; height: 100% }
  #test { width: 100px; height: 200px; background: red;  }
</style>

<div id='test'><a href='#'>...</a></div>

You can see a working example here: http://jsbin.com/ujoca3/2/edit

