How can i make my CSS class to fit my image size?

How can i make my CSS class to fit my image size?

Hi I have image of this size :
<span class="Col2">
<img src="../Content/Images/20_thumb.jpg" width="281" height="200"
border="0" alt="image" />
</span>
And I have this CSS style which I am applying over this image:
.listRowA {
border: 1px solid #fff;
}
.listRowAHover {
background-color: #F4E4E4;
border: 1px solid #fff;
}
My hover style :
.listPageCol {
padding:5px;
margin-right:75px;
cursor:pointer;
}
Here problem I am facing is when I hover my image I can see pointer and
background-color outside my image also.So how can I fix this to fit to my
image?