Помогите решить задачу... - Вопросы по CSS

<style type="text/css">
.CardItem { display: block; 
	float: left;
    height: 83px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 100%;
}
.CardImg {float: left;}


.SelectCard {
display: block; width:130px; height: 83px; left: 0px; top: -83px;  float:left; border: 0px solid #909444;

    background-attachment: scroll;
    background-color: transparent;
    background-image: url("/templates/cm/images/1.gif");
    background-position: 0 0;
    background-repeat: repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;

}


.TwoIcons { background: #ccc;}
/* .TwoIcons { background: url ("/templates/cm/images/1.gif") 0 0 repeat;} */
.TwoIcons a { display: block; position: relative; width:119px; height: 79px; left: 0px; top: 0px; border: 0px dotted #330000; }
.TwoIcons a:hover {display: block; background: transparent url("/templates/cm/images/CardIconTwoTransparent.png"); border: 1px dotted #330000; }

.TwoIcons .IconInfo { display: block; position: relative; width:21px; height: 21px; left: 80px; top: -83px; border: 1px dotted #330000; }
.TwoIcons a:hover, .TwoIcons .IconInfo:hover { background: #ccc; border: 1px dotted #330000; background: url ("/templates/cm/images/CardIconInfo.png"); }


	.tbl {margin:250px 250px;}
	.tbl td{ padding: 15px; }
	a, img {border: 0px;}

	td {border:1px dashed #ccc; /*width: 120px; */ }  


</style>

<div class="tbl">
<table style=""><tr>
<td>
  <div class="V-Card">
	<div class="CardItem">
		<img class="CardImg" height="83" width="129" src="/templates/cm/images/14_w130px.gif" alt="" title="">
		<div class="SelectCard">	
			<span class="TwoIcons"><a href="/"><img src="/templates/cm/images/1.gif" width="130" height="83"></a>
				<a class="IconInfo" href="/"><img src="/templates/cm/images/1.gif" width="21" height="21"></a>
			</span>
		</div>
	</div>

  </div>
</td></tr></table>