.imageContainer{ width: 100%; text-align: center; color: #000000; background-color: #ffffff;}

.hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
.imageContainer>.hoverNav{ left: 0; }

.prevLink, .nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
.prevLink { left: 0; float: left; cursor: pointer; }
.nextLink { right: 0; float: right; cursor: pointer; }
.prevLink:hover, .prevLink:visited:hover { background: url(../images/prevlabel.gif) left 30% no-repeat; }
.nextLink:hover, .nextLink:visited:hover { background: url(../images/nextlabel.gif) right 30% no-repeat; }