Jquery lazy loader – rollover issue

Hey everyone. On the front page of my site (Thehookshot) I have rollover boxes for each of my posts. Once I loaded the Jquery lazy loader plugin on the site, they stopped working.

Jquery Lazy Image Loader

I confirmed this by turning off all plugins and turning them on one-by-one.

I’m trying to figure out if there is something I can fix in either my CSS or in the plugin itself. Here is my code for rollover boxes

/* POST BOXES */

#content .postBox {
float:left;
margin:0 42px 30px 0;
width:290px;
background:url(images/box_botttom_shadow.png) 50% 100% no-repeat;
padding-bottom:5px;
position:relative;
text-shadow:none;
}

#content .lastBox {
margin-right:0;
}

#content .postBoxInner, #content .postBoxInnerHover {
border:8px solid #F7F9F9;
background:#F7F9F9;
padding:10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
height:260px;
font-size:12px;
}

#content .postBoxInner div.excerpt {
height:80px;
}

#content .postBoxInnerHover {
background:#FFF;
border:8px solid #c1c1c1;
}

#content .postBoxInner img {
border:none;
}

#content .postBoxInner p {
margin:0 0 1.5em;
}

#content .postBoxInner div.meta{
font-size:11px;
color:#888;
margin:0;
text-transform:uppercase;
position:absolute;
left:18px;
bottom:25px;
}

#content .postBoxInner div.meta img {
vertical-align:middle;
}

#content .postBox .postBoxInner h2 {
font-size:20px;
padding:15px 0 10px;
font-weight:normal;
margin-bottom:0;
}

#content #colLeft .postBox .postBoxInner h2 {
margin-bottom:0;
}

#content .postBoxInner h2 a {
color:#353535;
}

#content .postBoxInner h2 a:hover {
color:#2151b3;
text-decoration:none;
}

#content .postBox .readMore {
position:absolute;
bottom:-5px;
right:20px;
display:block;
width:46px;
height:46px;
text-indent:-9999px;
background:url(images/bk_readmore.png) 0 0 no-repeat;
}

#content .postBox .readMore:hover {
background:url(images/bk_readmore.png) 0 -46px no-repeat;
}

Any thoughts?

Much thanks,
John Haswell