Ok that works perfectly!!! Your a genius my friend, now comes the tricky part where may need jquery.
Below are two links to better describe what I'm trying to accomplish for when you rollover each quadrant...
Not Hovered Over Anything
Hovered Over First Quadrant
So basically what I want is title at the bottom of each quadrant when you rollover the quadrant it slides up reveals some more text and you can click on the quadrant to go to that page just like now you can then when you roll off that quadrant it slides back down and same goes for the other quadrants.
Can this be done with CSS, Im hoping it can be and if so how can I achieve this.
Hopefully the images and I explain what I need better.
Thanks your the best!!!