Auto resize image from db

Hi,

Wondering if anyone would know how to resize a dynamic image. For example a user uploads a image, the image needs to fit in a square sized 250px/250px but some of these images can not be stretched... they need to resize to a percentage of the border. (the image cant not be distorted by stretch.

Please help someone. Thanks.

Here is the code for css;

.FloatPic {
 float: left;
 padding-top: 5px;
 padding-left: 5px;
 height: 250px;
 width: 250px;
}

here is the code for the image;

 <table width="100%" border="0" cellpadding="0" cellspacing="0" class="FloatPic">
                    <tr>
                      <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td><img src="<%=(rs_mainart.Fields.Item("pix").Value)%>"></td>
                        </tr>
                      </table>