IMG inside a DIV - can't attach a link to this image in IE

   <div class="img_left">
   <img />
   <div class="img_description">some description</div>
   </div>

   <Style name="image template left" element="div">
      <Attribute name="class" value="img_left" />      
   </Style>
   <Style name="image template right" element="div">
      <Attribute name="class" value="img_right" />
   </Style>   

img
{
   border: 0px;
}
.img_left
{
   float: left;
   margin: 0 10px 3px 0;
   background-color: #F9F9F9;
}
.img_right
{
   float: right;
   margin: 0 0 3px 10px;   
   background-color: #F9F9F9;
}
.img_right img, .img_left img
{
  vertical-align: top;
}  
.img_description
{
  font-size: 11px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  padding: 3px;
  background-color: #F9F9F9;   
  border-bottom: 1px solid #ccc;
}
.img_left div, .img_right div
{
  font-size: 10px;
  color: #666;
}

<div class="img_left">
<a >
<img />
</a>
<div class="img_description">some description</div>
</div>