Hi all

I have a div container which contains other div's. Not only do I want the div's inside the container to be links of their own, but I also want the unused space of the container div to be a separate link. I tried messing with z-index, but that was real messy, and I even thought of doing something in PHP, but I really feel I'm complicating things and moreoever not accomplishing what I'm trying to do.

How can I do this?

Here's the jsfiddle.