스가 이런데 이미지를 불러올때마다 사이즈가 제각각이니....

어떻게  아이프레임 안에 이미지가 자동으로 맞춰 들어가는 방법이 없을까요?


<style type="text/css">        // --------- 스타일시트 입력//
.title {background:black;} //------ 상단 폰트 사이즈20 / 배경 검정//
td { text-align:center; } //-------- 칸에있는 텍스트는 가운데정렬//
a {text-decoration:none; color:white;} //-------- a태그는 링크 줄없음, 색상 화이트//
< /style>
< table width="100%" border="0">
< tbody><tr class="title">
< td> <a href="/ife/img/infodetail/detailfram.jpg" target="ch1"><img onmouseout "this.src='/ife/img/infodetailbt/fram01.jpg'" src="/ife/img/infodetailbt/fram01.jpg" border="0"></a> </td>
< td> <a href="mann_aircon" target="ch1"><img onmouseout "this.src='/ife/img/infodetailbt/BOSCH01.jpg'" src="/ife/img/infodetailbt/BOSCH01.jpg" border="0"></a> </td>
< td> <a href="mann_aircon" target="ch1"><img onmouseout "this.src='/ife/img/infodetailbt/MANN01.jpg'" src="/ife/img/infodetailbt/MANN01.jpg" border="0"></a> </td>
< td> <a href="mann_aircon" target="ch1"><img onmouseout "this.src='/ife/img/infodetailbt/MAHLE01.jpg'" src="/ife/img/infodetailbt/MAHLE01.jpg" border="0"></a> </td>
< td> <a href="mann_aircon" target="ch1"><img onmouseout "this.src='/ife/img/infodetailbt/3M01.jpg'" src="/ife/img/infodetailbt/3M01.jpg" border="0"></a> </td>
< td> <a href="mann_aircon" target="ch1"><img onmouseout "this.src='/ife/img/infodetailbt/EXFITZ01.jpg'" src="/ife/img/infodetailbt/EXFITZ01.jpg" border="0"></a> </td>
< td> <a href="mann_aircon" target="ch1"><img onmouseout "this.src='/ife/img/infodetailbt/nomis01.jpg'" src="/ife/img/infodetailbt/nomis01.jpg" border="0"></a> </td>
< td> <a href="mann_aircon" target="ch1"><img onmouseout="this.src='/ife/img/infodetailbt/storm01.jpg'" src="/ife/img/infodetailbt/storm01.jpg" border="0"></a> </td>
< /tr>


<tbody>
< tr>
< td height="100%" colspan="8">
< p align="center"><iframe name="ch1" width="850" height="2507" src="/ife/img/infodetail/detailfram.jpg" frameborder="0" framespacing="0" scrolling="no" leftmargin="0" topmargin="0"></iframe>
< /p>
< /tr>
< /tbody>
< /table>