Can someone check through this code please

<style>
/* Image container */
.imageContainer
{
	height:					118px;
	width:					162px;
}
 
/* Borders */
.imageTop, .imageBottom
{
	font-size:				0px;
	height:					9px;
	width:					162px;
}
 
.imageTop
{
	/* background-image:		url('BG/Top.jpg'); */
	background:				#CD0707;
}
 
.imageBottom
{
	/* background-image:		url('BG/Bottom.jpg'); */
	background:				#5816A1;
	clear:					left;
}
 
.imageLeft, .imageRight
{
	float:					left;
	height:					151px;
	width:					6px;
}
 
.imageLeft
{
	/* background-image:		url('BG/Left.jpg'); */
	background:				#ED672C;
}
 
.imageRight
{
	/* background-image:		url('BG/Right.jpg'); */
	background:				#FAE307;
}
 
/* Image */
.image
{
	/* background-image:		url('Engagement.jpg'); */
	/* background-position:		bottom; */
	/* background-repeat:		no-repeat; */
	background:				#1417A0;
	cursor:					pointer;
	float:					left;
	height:					151px;
	width:					150px;
}
 
.imageCaption
{
	/* background-image:		url('BG/Caption.gif'); */
	/* background-repeat:		no-repeat; */
	background:				#62A014;
	color:					#fff;
	font-family:			Verdana, Calibri, Arial, Times New Roman;
	font-size:				11px;
	font-weight:			bold;
	height:					54px !important;
	height:					64px; /* IE Fix */
	padding:				5px;
	text-align:				center;
	width:					140px !important;
	width:					150px; /* IE Fix */
}
 
/* Bits */
.imageContainer a { display: block; float: left; }
.imageContainer a:link { text-decoration: none; }
.imageContainer a:hover { text-decoration: underline; color: #fff; }
</style>
 
<div class="imageContainer">
	<div class="imageTop"></div>
	<div class="imageLeft"></div>
	<a href="#nogo">
		<div class="image">
			<div class="imageCaption">Caption</div>
		</div>
	</a>
	<div class="imageRight"></div>
	<div class="imageBottom"></div>
</div>