/* main page columns, remove borders after its done */
/* look for redundancy on this one */
#column_1, #column_2, #column_3 { height: 300px; }

#card_column_2, #card_column_3 { float: left; margin: 60px 0; display: inline; }

#card_column_2 { float: left; margin: 92px 10px; }
#card_column_3 { height: 400px; float: left; margin-top: 92px; }

#book_column_1 { float: left; text-align: center; position: relative: left: -45px; z-index: 25; }
#book_column_2 { height: 300px; float: left; display: inline; text-align: center; }

a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    text-decoration:none}

a.info:hover{z-index:25; }

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.2em; left:15px; width:15em;
    text-align: left}